如何用 Markdown 高效解决公众号文章排版问题

你好，我是柯林～今天是我日更的第47/100天

昨天的文章，我们介绍了Markdown 语言的优势，以及如何使用 Markdown 语言来码字。

你是否已经开始使用 Markdown编辑器， 来提高你的码字效率了呢？

希望你能感受到 Markdown 带给你的沉浸体验。

看完昨天的文章之后，如果你已经着手使用 Markdown 来写公众号文章了，你可能会发现如下问题：

1. 公众号后台编辑器不支持 Markdown ，直接将 Markdown 文件粘贴过去，排版效果没办法显示；
2. Markdown 语言过于简单，有些排版效果没法呈现；
3. 图片的问题没有解决，还得在公众号后台上传。

今天我们就针对以上问题，来尝试逐一解决。

让这『最后一公里』的问题彻底消失，真正实现使用 Markdown高效写文章。

要彻底解决问题，我们需要了解三个工具：CSS 、图床和一键排版。

1. CSS

CSS 的全称是 Cascading Style Sheets，层叠样式表。

它的代码是这样的：

它的作用是给网页添加所有的排版、样式效果。

由于 Markdown 的设计初衷是『专注于内容』，所以它的排版功能没有那么全面，有些排版我们需要借助于 CSS 来补充。

但是，不用担心，我们不需要自己去写 CSS 代码。因为网络上已经有很多优秀的 Markdown 使用者将他们的 CSS 文档开源分享出来了，我们直接拿来用就可以了。比如李笑来老师的 markdown-here.css 文件。

关于 CSS，我们其实只要知道它长什么样，起什么作用就可以了。等到后面实际排版的时候，看到了知道是怎么回事就行。

2. 图床

图床是一个在网上存放图片的地方，它可以把你的图片转换成一个链接，这样就可以方便地加入到 Markdown 文档中了。

推荐三个解决方案：

2.1 聚合图床

网址是：https://www./

本来有很多更优秀的图床可以选择，比如：路过图床、SM.MS，但是它们目前都被公众号后台屏蔽了，实属无奈。

聚合图床的免费用户只有1000张图片的额度，所以只能算一个临时的选择。

整个操作非常简单：首先注册用户，然后上传所有图片，最后点击单张图片，即可获得其markdown代码，粘贴到markdown文档中就行了。

2.2 GitHub+PicGo 客户端

图床最重要的是稳定，免费图床网站跑路的概率很大，最终解决方案应该是利用 GitHub搭建私有仓库做图床，然后用PicGo客户端管理链接。

这个操作在网上有比较多的详细教程，需要的朋友可以自行探索。

2.3 阿里云OSS

阿里云OSS需要付费，但是个人用户的使用量不会太高，一年的费用大概在几十块左右。

---

如果你决定使用图床，最好的选择是 GitHub，不过在开始设置时会稍微麻烦些。

3. 一键排版

好了，做好了以上的准备工作之后，我们现在就缺最后的临门一脚了。

那就是，使用『一键排版』工具，将 Markdown 文件直接转换成公众号文章。

推荐使用 Mdnice: https://editor./

我们看一下这个工具的界面：

首先，注册账户。

然后，点击『文件』按钮，导入我们编辑好的 Markdown 文件（xxx.md）；

接着，连续点击『主题』--> 『订阅更多主题』，在如下的弹出页面，『订阅』你觉得最好看的10个免费主题：

再回到编辑页面，点击『主题』，就可以选择对应的主题，并在右侧实时地预览显示效果。