微信公众号懒人排版法

昨日在朋友圈看到「乌素」老师的文章「微信公众号排版,我知道的都在这了」。在此之前,自己也开通过微信公众账号,在上面发布过文章。虽然现在已经是 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 向我提问,我将为尽力为你解答。