免費、便捷、高效的知乎專欄Markdown排版技巧。希望本文可以讓你的寫作過程也變得更愉悅。
痛點
從前，寫作時的排版是件辛苦事。不論你把排版環節放在寫作中還是寫作後，總會在心裡清楚意識到，還有這麼一個繁重而無趣的工作在等著你。
後來，有了Markdown，排版就變成了一件令人愉悅的事情了。你只需要用非常簡單的記號說明一些特殊位置，例如標題、列表、腳註和圖片等，然後應用不同的樣式，你寫好的文字就能自動轉化為各種漂亮的排版效果了。
讀者看著舒服，作者寫得高興。Markdown這東西，真的影響了世界。
然而……
不是每一個寫作平臺，都支持Markdown。
這話應該倒過來說——目前主流的寫作平臺裡，支持Markdown的還不是很多。
我孤陋寡聞，用過的寫作平臺，僅有簡書、新生大學和Matrix支持Markdown格式排版。所以用起來很舒服。
但是我們無法因此拒絕其他寫作平臺。畢竟辛辛苦苦寫了文章，總希望更多人都能看到。那些平臺往往給你一個類似簡化了的Word的編輯界面。你可以加粗字體、設置列表、插圖製表，但是平臺期待你手動完成上述工作。
我曾經圍繞著如何用Markdown排版微信公眾號的問題，寫了好幾篇文章。有的文章寫了將近一年，還有新讀者在點贊。
這讓我很慚愧。因為近一年以來，我自己的Markdown寫作和排版流程都發生了變化。現在你可以利用免費的編輯器搭建更為舒適的寫作環境，安裝插件更方便地上傳圖片到圖床，同時應用更好的樣式讓讀者在移動設備上讀得更愉快。
關於如何用Markdown排版微信公眾號的文章，已經太多了。今天我們換一個話題，聊聊如何用Markdown排版知乎專欄文章。其實，本文的操作流程對微信公眾號、今日頭條等其他寫作平臺都是通用的。
最近我在知乎專欄發佈了一些文章。比起其他寫作平臺，知乎的讀者似乎更喜歡在留言中與作者互動。尤其是追問式地拓展討論、探求真知。這給了作者（也就是我）很大鼓舞。在此，我把Markdown排版知乎專欄的技巧發佈出來，希望幫助更多的作者收穫這種創作和交流的喜悅。
工欲善其事，必先利其器。讓我們從編輯器講起吧。
這裡給大家推薦的編輯器，叫做Atom。
這款編輯器最初的用戶，大部分都是Geek和程序員。因為它的生態系統過於強大，所以就如同Emacs一樣，簡直就是“偽裝成編輯器的操作系統”。
普通人寫篇文章，原本是根本用不上這種大殺器的。
但是誰叫Ulysses改成訂閱式了呢？
Atom，至少在目前，還是開源免費的。
請到這個地址下載Atom編輯器。網站會根據你的操作系統，自動找到對應的版本供你下載。
因為我用的是macOS，所以這裡網站提供的是蘋果版本Atom。
下載之後，安裝運行。然後你需要安裝2個插件。
第一個插件是幫你預覽Markdown用的，它叫做markdown-preview-enhanced。Markdown裡，有圖片、表格和網頁鏈接，如果沒有預覽功能，那你就得面對許多代碼一樣的東西。對於非技術類寫作者來說，可能就會覺得不舒服了。
Atom編輯器安裝插件的方法很簡單。
使用Cmd + ,呼叫配置菜單。注意我這裡說的是蘋果系統macOS上的操作。如果你用的是Windows，請把所有出現的Cmd按鍵替換為Ctrl按鍵，或者查閱幫助文檔。下同。
選擇左側邊欄的最後一項，那個+號，用於安裝新的插件。
在搜索框中輸入該插件的名字：markdown-preview-enhanced
點擊搜索結果中該插件的Install按鈕。
很快，插件安裝好了。
點擊上圖中出現的Settings。你會看到這個插件的一些選項。
下拉滑動條到中間左右的位置，你會看到一個叫做Image Uploader的選項。請點擊右側的上下箭頭按鈕，選擇sm.ms。
好了，第一個插件安裝設置完成了。下面我們安裝第二個插件，叫做markdown-image-assistant。安裝方法和剛才的插件一樣，不贅述了。安裝好後你會看到這樣的顯示。
這裡，我們不需要調整設置。
好了，編輯器配置完畢，下面我們開始試用一下。
使用Cmd + N新建一個文件，保存名稱為test.md。
然後我們輸入了這樣一些內容。
用Ctrl+Shift+M呼叫預覽，我們可以看到右側邊欄出現了Markdown排版後的樣子。
基礎的Markdown排版一般不會有什麼問題，下面我們來看看最讓圖文寫作者頭疼的項目——插圖。
插圖
我們用Markdown寫作的時候，一般插圖都會使用本地文件。但是排版完成，打算髮布的時候，這些本地文件卻是無法被寫作平臺識別的。因此很多人本地排版Markdown預覽效果之後，又需要在寫作平臺上重新插圖一次。
想想都覺得恐怖。尤其是像我這樣，一篇文章裡恨不得要放幾十張插圖的人。
有的人於是很激進地選擇就在雲端寫作和插圖。這樣的好處是你寫作時候的插圖就可以直接發佈，缺點是本地沒有副本。
這很不安全。因為寫作平臺也未必保證永續經營。如果某一天平臺宣佈停止運營，你放置其上的一堆圖片怎麼辦？
所以，最為貪婪的想法是——我在編輯器插圖，在本地存留備份，同時自動上傳一份插圖到雲端圖床，以便發佈使用。
你是不是覺得我這像是在做白日夢？
不是，其實這樣的設置你已經做好了。
不信？
現在我們就試一下。
我們在網上找到了一幅圖片。
我們把圖片存儲到本地，然後在Atom編輯器裡找到合適的位置，把本地的那張圖片拖拽進來，奇蹟就發生了。
你可能會納悶——咦？我明明只插了一次圖像，為什麼右側預覽裡面有2張圖。
實際上，你看左側的Markdown語句，是這樣的：
這裡是兩個插圖語句寫在了一行上。
第一部分是遠程圖床的插圖代碼，其後跟著的是本地插圖代碼。
這樣，你的一次拖拽，圖片就被保存在了本地assets目錄，並且同時被上傳到了雲端。而相應的代碼，編輯器和插件都替你寫好了。
排版
把純文本的Markdown文件，變成移動互聯網上圖文並茂的漂亮文章，你需要用合適的樣式文件來排版。樣式文件(css)替你操心哪裡用幾號字，什麼標題用某種顏色，以及段間距多少之類的瑣碎事。
我目前使用的是尹航的css，他專門為移動設備閱讀做了優化。因為涉及版權保護問題，請自行搜索後下載，存儲為本地的css文件備用。
同類的css文件還有很多，例如李笑來、陽志平都有各自的版本分享出來。請根據自己的口味進行選擇。
選擇並存儲好css文件後，我們來安裝瀏覽器插件。
請在Google Chrome裡面安裝Markdown Here插件。
安裝後，右鍵點擊該插件圖標，在彈出菜單裡單擊“選項”按鈕。
找到上圖這個文本框，把你下載好的css文件內容拷貝粘貼進去。
然後打開wangEditor。
回到Atom編輯器裡面，把左邊欄寫好的Markdown格式文章全文拷貝，粘貼到wangEditor的編輯器窗口中。
點擊Chrome的Markdown Here插件，你會立即看到排版後的結果。
確認排版效果一切正常後，全選wangEditor編輯區域的內容，拷貝。
打開知乎專欄的“寫文章”功能。
在“請輸入正文”的部分，粘貼。
你會看到，雲端圖床的圖片正常顯示，本地鏈接圖片沒有正常上傳。不過這絲毫沒有關係。
因為當你預覽或者發佈的時候，看到的內容是這個樣子的：
好了，知乎專欄文章用Markdown排版成功！
討論
你平時都在哪些寫作平臺上發佈文章？你使用Markdown了嗎？使用過程中有什麼心得體會？遇到過哪些問題？相比本文，你是否有更好的編輯排版流程？你使用的編輯器是否更有特色？歡迎留言，記錄下你的思考，我們一起交流討論。
如果本文可能對你身邊的親友有幫助，也歡迎你把本文通過微博或朋友圈分享給他們。讓他們一起參與到我們的討論中來。
閱讀更多 玉樹芝蘭 的文章
