教你用一个markdown插件让你的微信文章炫起来

背景知识

引用一下网络流行的解释：

Markdown是一种轻量级的「标记语言」，通常为程序员群体所用，目前它已是全球最大的技术分享网站 GitHub 和技术问答网站 StackOverFlow 的御用书写格式。

翻译一下就是，这是一种适用于网络的书写格式语言,它定义了部分高频标记的特定符号，却能让专注效率(懒到极点)的程序员及写作者们达到沉浸式记录，专注内容而不是纠结排版。

Markdown 的目标是实现「易读易写」。

以有道云笔记为例子，稍稍展示一下它的威力。

当初画图只能用visio一笔一笔画，当我知道markdown居然敲几行代码就可以画流程图时，我的内心真的是崩溃的。

参考教程：

[Markdown 语法说明 (简体中文版) ](http://www.appinn.com/markdown/)

[steem上lemooljiang大神新人生存指南系列](https://steemit.com/cn/@lemooljiang/4mddsq)

Markdown Here 就是是个浏览器插件（Chrome/Firefox/Safari），它可以将浏览器中编辑器里的 Markdown 文本一键转换成渲染过后的 HTML。

而很多编辑器后台如微信、邮件、steem等，都只能够支持部分常用的markdown符号，而且都是默认格式，这个插件相当于是markdown的放大器。

我们可以用一款功能更完善的markdown编辑器，结合markdown here的渲染放大功能，就可以打造一个超级酷炫吊炸天的编辑利器了。

1. 在 Google Chrome 中安装 [Markdown Here](http://markdown-here.com/) 插件

在以上官网链接点击即可安装。

2. 配置 Markdown Here Option, 自定义一些 CSS

这里需要一些基础的CSS知识，可以针对steem设计优化相应的格式排版。本文直接引用了李笑来老师的css https://gist.github.com/aa190255b7dde302d10208ae247fc9f2

3. 在 markdown编辑器中书写

桌面程序包括Atom/Sublimetext/markdownpad等，

4. 把原始markdown文档拷贝粘贴到steem的html编辑器中，插图图片，使用 Markdown Here 渲染

5.微调、发布……

1. 关于markdown编辑器

李笑来推荐Atom开源编辑器，理由是支持海量的插件，可以定制文章模板，节省不少功夫。

个人常用markdownpad,专业版可以定制样式及模板等功能。网页版常用有道云笔记，确实存在编辑器太小无法平铺，马克飞象是为印象笔记定制开发的，试用10天后需缴费。

2. 关于编辑

这里基本同意三个重点

字体大小，特别是要适应各类阅读终端

行间距，同时要学会适当换行

字间距，也是为了读者阅读的方便

3. 关于配色、插图、表格等等

本文基本参考李笑来mardown here教程思路，原文请参考 http://chuansong.me/n/402446051344

本文在 https://steemit.com 首发。感谢阅读，如有可能，欢迎Follow, Upvote, Reply, Resteem (repost) [@lancy](https://steemit.com/@lancy)鼓励创作更多更好的内容。)

事故调查报告

本文原本是希望结合markdown编辑器和markdown here插件渲染能够实现steem文章像微信公众号文章的一键式排版。在steem的html编辑器中可以看到渲染后的字体、颜色效果,但steem服务器实际上不支持css的style标签，因此在发布后只能显示原生html效果。

当然这些套路也不是完全没有用处，至少我们可以制作自己的markdown模板。