昨日在朋友圈看到「乌素」老师的文章「微信公众号排版，我知道的都在这了」。在此之前，自己也开通过微信公众账号，在上面发布过文章。虽然现在已经是 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; /* 设置字体左右居中 */
}
适合群体
- 懒人
- 喜欢简单样式
- 不喜欢花哨，更注重内容
代码提供
注意事项
- 本方法只适用于简单文字和照片的排版，如果你有需要个性化的排版需求，请使用第三方编辑器或自学 CSS 语法。
- 你在使用过程中存在各种各样的问题，可以关注我的微博「王小杰在路上」或者关注我的微信公众账号 VeganShe 向我提问，我将为尽力为你解答。
本文同步发布于：http://www.veganshe.com/tech/use-markdown-here-to-layout-2/
网友评论