浅谈微信公众号排版 —— Markdown 入门和进阶

认认真真挖坑，认认真真填坑。x0a我保证不是程序员也能看懂。...

昨天安利了 Markdown。今天就来填坑了。之所以题目是浅谈，因为我还没有花时间研究…程序员嘛，不拘小节。不过对于其他行业可能会有一些帮助，所以我后面有时间会仔细研究一下然后深谈一次。

为什么要用 Markdown

原因有二。一是，通用。二是，排版方便。

Markdown 说白了，就是用将特殊符号解析成特定的 html。又因为 html 无论在什么操作系统都可以显示。所以 Markdown 变得很通用。

特定的符号转化为特定的 html 语言，这就让排版变得非常方便。Markdown 提供了加粗，标题，区块等等。同时，可以通过自定义的方式改变对应的 html 形式。下面我会依次说明。

入门

Markdown 实在是简单到几分钟速成。你所需要的，只是一个 Markdown 编辑器，甚至 Windows 记事本都可以。Windows 平台也可以使用 Simplenote，马克飞象，作业部落，印象笔记。Mac 平台太多，自行搜索。

你所要做的事情也很简单，就是给你的文字打上符号。我解释几个简单的，其他上图。

比如现在需要输入标题，你在写推送的时候，就写 ## 标题，这样渲染的时候就会变成大写的标题了。比如你想像我一样输入区块（就是我每篇推送最开始一段废话）。你就只需要输入 > 内容。还比如你要在一句话中加重某个词，你就输 **内容**。

剩余的上图，一看就明白。我会把我用的 Markdown 编辑器自带的说明截图出来。一看就懂。



左边是你需要写成这样，右边是渲染之后的样子。

使用

怎么使用呢？很简单，下载 Chrome 浏览器，火狐浏览器，Safari 浏览器。都可以。（实在没找到搜狗浏览器以及其他浏览器…）

到 Chrome 商店下载 Markdown-here 安装后，将你写好的文章（Mardown 格式，复制到微信公众号编辑平台）



然后点一下 Markdown-here。



再看你的排版。



ok 了~

进阶

上文说了，Markdown 说白了最后就是转换成 html 格式。所以转换成什么样的 html，就变成了一个进阶问题。

举个例子。我们的强调，用的 Markdown 语法是，** **。它最终会转化成  标签。我们的标题，是用 ##，相对应的就是  标签。

在 Markdown-here 中，可以通过如下方式修改 CSS，来达到转换 html 形式。



Primary Styling CSS 就是修改 CSS 的地方，Preview 是预览。



我现在的排版，是在李笑来老师的排版基础上修改了一部分颜色。虽然也不是很好看（因为还没有深入去搞 + 不是设计师），但是比之前的肯定是好看一些的。

下面附上我所查找到的一些排版资源和教程。

部分资源（微信不支持外链，所以就直接上网址了）

谷歌的配色方案
https://material.io/guidelines/style/color.html

Markdown-here Github
https://github.com/adam-p/markdown-here

李笑来老师推荐的 Markdown-here 配置
https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css

李笑来老师自己用的配置（有墙）
https://gist.github.com/aa190255b7dde302d10208ae247fc9f2

李笑来老师的配置教程
https://mp.weixin.qq.com/s?__biz=MzAxNzI4MTMwMw==&mid=2651629983&idx=2&sn=749589cc7213c3e755fddeb210563815

可能吧配置教程
http://mp.weixin.qq.com/s?__biz=MjM5ODQwMjA4MA==&mid=2649293603&idx=1&sn=57f38200555dcba76d6358594416c089

以上，欢迎后台留言交流。

    关注 泼墨巨谈