前言 相信很多人除了在博客网站分享之外还会在微信公众号上进行分享,当然我也不例外,所以今天就写一下关于方面的内容。
优雅的展示代码
相信现在大部分开发者写博客都是用 markdown 语法来写的,但是微信公众号并不支持 markdown 写作,这不是难受吗?所以一般都是现在其他支持 markdown 的平台先写好,然后再复制过去微信那个,文本是没问题的,但是代码就让人很难受了,鄙人尝试过各种方式,Hexo 博客,简书,有道云笔记平台上的效果,VScode 的 「Markdown preview Enhanced」插件 和 Md2All 网站的转换,结果都不行。。。
有的复制过来就出问题
有的是在手机上看出问题
还有些是很完美了,一般手机看都 OK 了,但是,到了 iOS。。。
好吧,我要奔溃了,我只是想写个实例代码而已,不用这么坑吧!终于,我找到了一个网站 程序猿DD 在线 markdwon 转换,他终于啥都没问题了,终于连 iOS 都可以正常显示一代码了,那个网站如下图所示
这个是一群大佬开源的一个项目,专治微信公众号不服了,用了不忘给人家一个 star 吧,毕竟还是要感谢人家给这么一个好用的工具是吧。
他那边可以选代码主题,我是选择 atelier-seaside-light
这个主题,觉得这个看起来舒服,然后就不管了,毕竟咱们写博客重要的是内容,排版的话也不用讲究啥最好啦,看起来舒服就可以了。从此就过上了本地 VScode 写博客,写完复制到那边格式化,然后一键复制到微信公众号,这就舒服啦。
其他排版标准
这里的话就顺便放一下我从 「stormzhang」那边偷学过来的排版标准啦,希望万一哪天张哥发现这边了不要打我
- 空格
我们写博客会写中文、英文还有各种符号等等,如果没有一定空格隔离,看起来真的有点难受,所以不要省了下面这些情况的空格。
- 中英文之间需要加空格
eg. 我们注意一下 Object 类型的浅拷贝问题。
- 中文与数字之间需要加空格
eg. Javascript 中有 5 种基本数据类型。
- 数字与单位之间需要加空格
eg. 一个包含了 Vuex + Vue Router 的 Vue 项目 (gzip 之后 30 KB)
- 完整的英文整句时标点与单词之间需要加空格
eg. Stay hungry, stay foolish.
但是也有一些例外。
- 度的标志、百分号不加空格
eg. 今天广州温度只有 10°。
eg. 我们一生有 50% 的时间都在睡觉。
- 全角标点与其他字符之间不加空格
eg. 我先学 HTML,然后再学 CSS。
- 标点
说到标点,简单说下全角和半角,简单来说,全角占两个字节,半角占一个字节,按照我们现在的输入法,你可以理解成中文汉字是全角,英文字母是半角,
- 使用全角中文标点
中文排版中所有的标点都应该使用中文全角中文标点
eg. 你看这个碗,它又大又圆。
- 遇到英文整句、特殊名词时使用半角标点。
eg. 乔布斯说过:「Stay hungry, stay foolish.」
- 使用直角引号
我国国家标准要求弯引号,但是新媒体排版时使用直角引号看起来舒服一点。
eg. 乔布斯说过:「Stay hungry, stay foolish.」
如果引号再使用引号使用直角双引号。
eg. 我和你讲,「你可以关注『异乡小红帽』这个公众号。」
- 其他
初以上之外,还有一些其他标准推荐大家使用的。
- 英文名词首字母尽量大写
eg. Javascript, HTML, CSS
- 专有名词使用正确的大小写
eg. GitHub、iOS、iPhone 6S
- 首行不要缩进
这个的话,看技术文档和前台公众号的文章就能看到基本人家都不会缩进,这是为啥咧,其实「首行缩进两字符」也就是为了区分一下自然段,看文章的时候能分个层次出来,但是我们现在微信公众号还是文档, 大家一般都采用「空出一行」来区分自然段,这种就很省事很多啦,就不用再去多敲那两个空格啦,看起来也很整齐舒服。
当然如果是写正式的电子文件和我们日常书写,肯定还是要首行缩进两字符的啦。
差不多就是这样啦。有啥遗漏或者出错的地方就麻烦大家在下面留言评论哈。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。