美文网首页工具癖
微信公众号懒人排版法

微信公众号懒人排版法

作者: 王小杰在路上 | 来源:发表于2016-08-23 14:25 被阅读880次

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

相关文章

  • 微信公众号懒人排版法

    昨日在朋友圈看到「乌素」老师的文章「微信公众号排版,我知道的都在这了」。在此之前,自己也开通过微信公众账号,在上面...

  • 纯干货!超实用的微信公众号排版秘籍,错过了你会在半夜哭醒哦!

    昨天给大家介绍了微信公众号新上的排版功能,今天,我就来给大家讲讲微信公众号内容排版相关的一些技巧。 说起排版,那么...

  • 微信公众号排版

    选择文字字号时,15 号最佳,14 号偏文艺,18 号适用中老年读者; 注释、标注来源等适用12px。标题可适用1...

  • 微信公众号排版

    这几天,花了些时间,把公众号里的每个按钮都尝试了一次,发觉其实在公众号里编辑排版也是不错的。尝试了目录,关键词的编...

  • 微信公众号排版

    微信公众号常用排版工具:秀米/135编辑器 秀米排版思路:信息设置与公众号相同 第一模板:头图(与内容意思相同的图...

  • 微信公众号排版

    关于微信公众号排版,其实我已经接触很久了,两三年的时间可是真正用还没有用起来过,课也买了,但是也没有好好的去看。 ...

  • 微信公众号排版

    107号 canny 嗨大家好!我是canny! 看到这张导图,不知道大家有什么想法呢对的,今天我要跟大家分享...

  • 微信公众号的排版

    微信公众号的排版 好久没来跟大家分享了。微信公众号中有很多排版很好看的文章,为了帮大家做一个漂亮的文章排版同时也和...

  • Markdown懒办法排版微信公众号文章

    懒人的烦恼 写微信公众号的人群里面,不乏十分勤奋者。看看他们使用的排版工具,便知道为了排版一篇文章,他们要耗费多少...

  • 微信图文排版思路

    微信图文排版工具 :秀米 / 微信公众平台 + 135编辑器 排版思路 :信息设置与公众号相同 第一模板 :头图 ...

网友评论

    本文标题:微信公众号懒人排版法

    本文链接:https://www.haomeiwen.com/subject/byxnsttx.html