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

昨天的文章，我們介紹了Markdown 語言的優(yōu)勢，以及如何使用 Markdown 語言來碼字。

你是否已經(jīng)開始使用 Markdown編輯器， 來提高你的碼字效率了呢？

希望你能感受到 Markdown 帶給你的沉浸體驗。

看完昨天的文章之后，如果你已經(jīng)著手使用 Markdown 來寫公眾號文章了，你可能會發(fā)現(xiàn)如下問題：

1. 公眾號后臺編輯器不支持 Markdown ，直接將 Markdown 文件粘貼過去，排版效果沒辦法顯示；
2. Markdown 語言過于簡單，有些排版效果沒法呈現(xiàn)；
3. 圖片的問題沒有解決，還得在公眾號后臺上傳。

今天我們就針對以上問題，來嘗試逐一解決。

讓這『最后一公里』的問題徹底消失，真正實現(xiàn)使用 Markdown高效寫文章。

要徹底解決問題，我們需要了解三個工具：CSS 、圖床和一鍵排版。

1. CSS

CSS 的全稱是 Cascading Style Sheets，層疊樣式表。

它的代碼是這樣的：

它的作用是給網(wǎng)頁添加所有的排版、樣式效果。

由于 Markdown 的設(shè)計初衷是『專注于內(nèi)容』，所以它的排版功能沒有那么全面，有些排版我們需要借助于 CSS 來補充。

但是，不用擔(dān)心，我們不需要自己去寫 CSS 代碼。因為網(wǎng)絡(luò)上已經(jīng)有很多優(yōu)秀的 Markdown 使用者將他們的 CSS 文檔開源分享出來了，我們直接拿來用就可以了。比如李笑來老師的 markdown-here.css 文件。

關(guān)于 CSS，我們其實只要知道它長什么樣，起什么作用就可以了。等到后面實際排版的時候，看到了知道是怎么回事就行。

2. 圖床

圖床是一個在網(wǎng)上存放圖片的地方，它可以把你的圖片轉(zhuǎn)換成一個鏈接，這樣就可以方便地加入到 Markdown 文檔中了。

推薦三個解決方案：

2.1 聚合圖床

網(wǎng)址是：https://www.superbed.cn/

本來有很多更優(yōu)秀的圖床可以選擇，比如：路過圖床、SM.MS，但是它們目前都被公眾號后臺屏蔽了，實屬無奈。

聚合圖床的免費用戶只有1000張圖片的額度，所以只能算一個臨時的選擇。

整個操作非常簡單：首先注冊用戶，然后上傳所有圖片，最后點擊單張圖片，即可獲得其markdown代碼，粘貼到markdown文檔中就行了。

2.2 GitHub+PicGo 客戶端

圖床最重要的是穩(wěn)定，免費圖床網(wǎng)站跑路的概率很大，最終解決方案應(yīng)該是利用 GitHub搭建私有倉庫做圖床，然后用PicGo客戶端管理鏈接。

這個操作在網(wǎng)上有比較多的詳細(xì)教程，需要的朋友可以自行探索。

2.3 阿里云OSS

阿里云OSS需要付費，但是個人用戶的使用量不會太高，一年的費用大概在幾十塊左右。

如果你決定使用圖床，最好的選擇是 GitHub，不過在開始設(shè)置時會稍微麻煩些。

3. 一鍵排版

好了，做好了以上的準(zhǔn)備工作之后，我們現(xiàn)在就缺最后的臨門一腳了。

那就是，使用『一鍵排版』工具，將 Markdown 文件直接轉(zhuǎn)換成公眾號文章。

推薦使用 Mdnice: https://editor.mdnice.com/

我們看一下這個工具的界面：

首先，注冊賬戶。

然后，點擊『文件』按鈕，導(dǎo)入我們編輯好的 Markdown 文件（xxx.md）；

接著，連續(xù)點擊『主題』--> 『訂閱更多主題』，在如下的彈出頁面，『訂閱』你覺得最好看的10個免費主題：

再回到編輯頁面，點擊『主題』，就可以選擇對應(yīng)的主題，并在右側(cè)實時地預(yù)覽顯示效果。