写在前面
最近在编排微信公众号的时候，竟然发现这里没有支持 代码块 这种语块，更别谈 高亮处理 了，而且啊，一直也想不明白，微信公众号的编辑器怎么还没有支持 Markdown 这个目前最高效的写作语言模块。
试想一下，如果你正在通过 Markdown 来写文章，需要将此文章发布到公众号，那么，你可能就得这样：
- 第一步，删除 Markdown 特定的语法标记
- 第二步，将文字内容复制到公众号编辑框中再进行排版
这种方法，仅仅偶尔一次两次也没有问题，要是使用频繁的话，就太浪费时间和精力了。
当然了，也有一些手段可以将 Markdown 转换成 HTML ，再来将其中的内容复制到公众号编辑框中进行排版调整。
Convert Markdown to HTML
综上，这里介绍这样一款浏览器插件 —— Markdown Here ，通过其提供的一键渲染功能，可将 Markdown 格式直接达到（渲染）我们需要的样式。
安装
下载地址：http://sina.lt/fCA8(也提供有 Firefox、Safari 插件)，需要翻墙。
备份地址：Markdown Here for Chrome.crx
渲染 CSS 样式
CSS 样式
打开 Markdown Here 选项，将 自定义的基本渲染CSS样式直接覆盖到 Primary Styling CSS（基本渲染CSS）框中。
其中，至于自定义的基本渲染CSS样式，有着一定CSS知识的你完全可以根据自己的喜好来设置，当然，我这里也提供了一些Gist Snippets 以供学习参阅。
至于右边的 语法高亮CSS，提供有很多可选主题，就看你喜欢哪一款了。下面的 预览框中会自动保存修改并同步显示渲染效果预览。
多平台使用
打开微信公众号后台编辑器，直接复制带有 Markdown 语法的文章或者笔记到编辑器中（不再需要删除 Markdown 特定的语法标记），点击浏览器右上角 Markdown Here图标(也可以试试快捷键CTRL+ALT+M)，Markdown Here 会自动将你的文章进行了全新的渲染排版（转成HTML样式），文章标题层级、加粗、引用、表格、图片、代码块、甚至最不好弄的数学公式，一目了然。
得说一下，这里只是拿微信公众号为例来讲，其实 Markdown Here 这款插件能让 Markdown 内容，无需作任何调整就能在 微信公众号、CSDN、掘金、知乎(已经有朋友在知乎上做过尝试，貌似不可行)、51CTO、WordPress 等多种平台正确显示渲染后的效果。
但这里需要说明一下，这款插件主要适合那些编辑模式处于 HTML模式 的环境，对于那些 Markdown模式 的平台（如CSDN、知乎、简书等都可以切换到Markdown模式），你再用这款插件，既是一种多余，而且很有可能支持不了...
目前的话，我也只在 微信公众号、HTML模式下的CSDN 上做过尝试，所以，如果大家发现其他哪里有问题或是可以补充的话，欢迎下方评论区留言...
同时啊，Markdown Here 还可以用来渲染用 Markdown 写的邮件内容，似乎这才是它的推广方向...
Markdown Here 写邮件
推荐阅读
扫一扫+微信公众号
版权声明： 本文由 zhouie 首次发表于 北岛向南的小屋 ，本文地址为：https://zhouie.cn/posts/201808031/ ，转载请注明作者和出处。
网友评论