利用 Markdown here 排版微信公众号

以前写的文章一般都会发到个人Blog上面去, 并没有发到微信公众号上面前。当然微信公众号的排版一直是让人头痛的问题, 我也知道现在是移动互联网时代, 微信的时代。 有没有小伙在公众号排版上发费的时间超过半个小时以上的?我先默默举个手。 微信公众号申请一年多时间也没有发布几篇文字。有网友在后台给我留言问,问我你微信公众号是多, 一般回答都是xx, 然后默默补上一句里面没几篇文字。

直到突然的某天,在知乎上发现有人说微信后台支持 Markdown 格式(不知道,没关系,下面我们再说,下面的文章 Markdown 简称 MD),当时心里窃喜还专门尝试了一下, 拷贝一段含有 MD 格式的文字, 预览发现不起作用,心里想是不是骗人的, 不科学啊。最后搜索发现可以用 Markdown here 工具将 MD 格式的转换一下。这样微信排版只需要几分钟就可以搞定了。在我们说Markdown here 之前来介绍一下 Markdown, 它才是以后一切的前提啊。

关于Markdown

维基:

Markdown 是一种轻量级标记语言, 它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

总之就是方便写作,在没用 MD 之前,我是用 Emacs Org-mode 编辑文字和做 TODO list 任务管理。突然某天我发现好多网站后台都支持 MD 了,如简书、Mynote、CSDN等,然后我就这样学习了 MD,并喜欢上它。其实 MD 语法也很简单, 关于 MD 的教程,可以去看看这篇文章:

[http://wowubuntu.com/markdown/]

Markdown 编辑器

其实我最开始用时是 emacs markdown-mode 并加入一些 snippets, 感觉很好。后来 MalkTalk 推荐的写作工具 Ulysses,尝试一下发现它有如下优点:

  • 界面友好
  • 多终端同步
  • 强大的搜索、统计功能

写作我现在一般也用它, 可惜它有点贵。 推荐好评比较多的免费 Markdown 编辑器,下面的两款软件我没有用过,大家可以去试一下,来告诉我, 应该是不错的。
Sublime Text 2 + MarkdownEditing/Atom,下面使他们的教程。
Sublime Text 2:

[http://lucifr.com/2012/07/12/markdownediting-for-sublime-text-2/]
Atom:
http://xiaolai.li/2016/06/17/makecs-atom-advanced/

多说一句,工具是解决问题而产生的,选择一个适合你的就行, 如果没找到,就不断的尝试。

Markdown here

Markdown here 是个浏览器插件(Chrome/Firefox/Safari),可以将浏览器中编辑器里的 Markdown 文本转换成渲染过后的 HTML。还能自定义 CSS,对应经常使用 Markdown 格式的人来说, 确实是很爽, 你写邮件、文档等用 Markdown 。

装好插件以后, 下面我们只需要下面几步就可是帮你在微信公众号上排版:

  1. 将上面写好的拷贝粘贴到微信公共帐号的编辑器中
  2. Ctrl+Alt+M 使用 Markdown Here 渲染
  3. 插入图片

Markdown here 默认 CSS 和 Github 的显示样式一样,当然上面我们说过可以自定义 CSS 达到想要的效果。

自定义CSS

Chrome修改路径:

Chrome → 设置 → 扩展程序 → markdown.here → 选项 → 基本渲染 CSS

主要对字体大小、行间距、字间距、字体颜色做修改就可以。总结原则如下:

  • 文章正文的字号最好在14—18px之间,以16px最为合适。
  • 行间距:1.5-1.75倍的行距看起来会比较舒服。
  • 移动端的文章均无需首行缩进。
  • 段落之间最好空一行。

推荐几个人的 Markdown here 自定义样式吧。
阳志平
李笑来版

如果你现在使用的是 Web 版的邮箱,你也可以 Markdown 来书写你的邮件内容,在最后通过 Markdown Here 一键渲染,格式化邮件样式。

祝大家使用愉快!

JasonThink wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!