程序员是如何一键排版公众号的？
阅读文本大概需要 6 分钟。
本文主要内容
Markdown 简介
使用在线编辑器 Md2All 渲染 Markdown
使用本地编辑器 Typora 渲染 Markdown
插入图片解决方案
每个人都有自己的一套排版技巧和排版风格，而往往你看到的很好看的排版，这也是人家经过了几个小时的选材排版后的结果。虽然市面上也有很多排版网站，如：秀米、135 ，不否认它们都很优秀，但是要想有一个不错的排版，也是费尽心力。
传统的公众号排版：
写文、配图
单独设置标题样式、图片样式
设置段落字体大小、字间距、行间距、字体颜色、字体粗细
添加分割线、小图标、背景
写文两小时，排版一小时，才勉强能排出比较好看的文章，而使用本文的方法同样是写文两小时，但排版只需一分钟。
关于 Markdown
Markdown 语言诞生于 2004 年，起初主要是程序员使用，到现在渐渐成为了很多写作者的第一选择，这种方法最大的特点就是：写文和排版可以同步进行，从而大大节省排版时间。
Markdown 是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。
那什么是标记语言呢？学过网页设计的同学肯定知道，HTML 就是一种标记语言，Markdown 可以说是简化过的 HTML。语法非常简单易上手，譬如用两个星号包围文字即可实现加粗效果，下划线包围是斜体_斜体_，三个减号- - -输出一条分割线等等。在写作时打字跟排版可以一气呵成，熟练后那种高效无干扰的流畅输入绝对会让你有抛弃 Word 之类“重量级”软件的冲动……
详细语法可以查看：http://note.youdao.com/iyoudao/?p=2411
其实常用的也就那 4、5 种语法，而且大部分编辑器 Markdown 编辑器也都有语法提示，在线编辑器推荐使用「有道云笔记」，本地编辑器推荐使用「Typora」，如果你是第一次了解 Markdown，还是直接登录有道云笔记网页版点击「新建 Markdown」快速上手吧，十分钟就能掌握一个终身受用的新技能。
渲染 Markdown
为什么要渲染呢？因为想要在移动端获得更好的显示效果，我们还要对样式进一步处理。打个比方，Markdown 文件就好比素颜，想要变美你就得使用合适的化妆品，我们这里的化妆品就是 CSS 样式文件，化妆工具就是在线编辑器 Md2All 或者本地编辑器 Typora。
使用 Md2All 渲染（推荐初学者使用）
把写好的 Markdown 格式的文本粘贴到左边（或者你也可以直接在左边写作）
点击一键排版，选择一个合适的排版样式
点击复制，粘贴到公众号编辑器中
整个流程就是这样，一分钟搞定。网站自带的那些样式我都不太喜欢，我就去搜集了一些 CSS 样式文件。
CSS，层叠样式表（英文全称：Cascading Style Sheets）是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
网页上内容和排版是分开的，内容编辑好以后，再使用 CSS 样式文件完成字号、行间距、背景、颜色等排版。所以说，配置好 CSS 文件就相当于一劳永逸的完成了排版工作，只要套用 CSS 就好了。
分享一些我搜集到的不错的 CSS 样式（https://github.com/vancenx/markdown-css），其中李笑来老师的样式使用最为广泛，网上很多样式都是根据这个样式进行修改而来，那我就以这个样式来演示如何自定义排版样式：
打开以上链接，点击 李笑来.CSS
选择并复制以下 173 行代码
到 Md2All 中选中 最爱样式 ，粘贴进去，最后点击 保存
如果想用其他样式也是一样的步骤，这里设置好最爱样式之后会永久保存，以后用同一台电脑打开不用再次设置。
使用 Typora 渲染（小白略过）
下载并安装 Typora （https://www.typora.io/）
点击 文件>偏好设置>打开主题文件夹
打开浏览器访问https://github.com/vancenx/markdown-css，点击 Clone or download，Download ZIP，下载完解压到主题文件夹内
点击 主题 进行切换
写好文章后，复制到公众号编辑器中
注意：Typora 内字体大小可能并没有按照 CSS 样式文件内的规定，可以去 文件>偏好设置>字体大小 自行修改。
插入图片
推文内插入图片有两种解决方案，第一种就是常规的把电脑上的图片直接上传到公众号编辑器，这样其实也 OK 的。
第二种方案是用 Markdown 内插入图片的语法，需要用到图床，小白请略过以下内容。
图床是什么？简单说图床就是一个在网络上存储图片的地方。推荐使用 PicGo 这个图片上传工具，没啥要求的话，安装好之后选择 SM.MS 图床设为默认图床就直接用吧。教程请点击：https://sspai.com/post/42310
总结
别看步骤挺繁多，其实大部分都是一次性工作，一劳永逸。理一下思路，主要就是
一键排版，完全可以做到。
- 发表于:
- 原文链接：https://kuaibao.qq.com/s/20190211G0K1B000?refer=cp_1026
- 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
- 如有侵权，请联系 cloudcommunity@tencent.com 删除。
相关快讯
扫码
添加站长 进交流群
领取专属 10元无门槛券
私享最新 技术干货
腾讯云开发者
