微信公众号懒人排版法

昨日在朋友圈看到「乌素」老师的文章「微信公众号排版，我知道的都在这了」。在此之前，自己也开通过微信公众账号，在上面发布过文章。虽然现在已经是 2016 年，但是微信公众账号平台所提供的文章编辑器还是停留在 2005 年 CKEditor 时代，编辑并发布一篇公众账号着实费心费力。

「乌素」老师给我们提供了一个非常好的解决方案，通过 i排版 编辑器达到美化页面的作用，大大减轻公众账号排版的的工作量。老师提供的方法虽好，但对于一个懒人来说还是有些麻烦，有没有更加简便的方式来实现这个功能，比如一键实现公众账号排版。突然想起上个月写过的一篇文章《利用 Markdown Here 实现高效排版》，通过 Chrome 插件来实现微信公共账号文章自动排版功能。

基础

在实现这个功能之前，你需要：

• 使用非 IE 内核的浏览器，比如 Chrome、Firefox、Safari
• 安装 Markdown Here 插件
• 学习 Markdown 基础语法
• 了解基础的 CSS 语法
• 阅读《利用 Markdown Here 实现高效排版》

进阶

在《利用 Markdown Here 实现高效排版》文章末尾，提供两套自动化排版的 CSS 样式，分别是李笑来版本和阳志平版本，可以在两位老师提供的基础模板上进行修改，形成自己独特风格的文章样式。

素舍微信公众账号基于李笑来老师提供的模版修改而来。

语法

设置全局的字体、颜色、大小、行距

.markdown-here-wrapper {
  font-family:微软雅黑; /* 设置微软雅黑字体 */
  font-size:15px; /* 设置字体大小为15px */
  line-height:28px; /* 设置行距为28px */
  color:#595959; /* 设置字体颜色 */
}

设置三级标题字体大小和居中

h3 {
  font-size:18px; /* 设置三级标题字体大小为18px */
  text-align: center; /* 设置字体左右居中 */
}

适合群体

• 懒人
• 喜欢简单样式
• 不喜欢花哨，更注重内容

代码提供

Markdown Here 王小杰修改版

注意事项

1. 本方法只适用于简单文字和照片的排版，如果你有需要个性化的排版需求，请使用第三方编辑器或自学 CSS 语法。
2. 你在使用过程中存在各种各样的问题，可以关注我的微博「王小杰在路上」或者关注我的微信公众账号 VeganShe 向我提问，我将为尽力为你解答。

本文同步发布于：http://www.veganshe.com/tech/use-markdown-here-to-layout-2/