Markdown編輯自媒體文章的完全攻略

Markdown風格

發佈自媒體文章時雖然內容非常重要，但是排版更加重要。因為沒有外在美，如何讓人花時間和精力去了解你的內在美呢。

最早由於公眾號的流行，但它自帶的編輯器卻非常low(注: 現在已經好很多了)，所以一時間市面上出現非常多的在線編輯器，如秀米，135編輯器等。這些編輯器由於功能過於複雜，模版和風格太多，總讓人眼花繚亂，大部分人花在排版上的時間比寫文章還多。

作為追求寫作內容的人們來說，markdown風格可能是一種比較好的解決方案。

Markdown常用語法

通常我們只需要學習以下幾個語法就足夠了：

<code># 標題
*斜體*
**粗體**
下劃線
~~刪除線~~
[鏈接文字](鏈接地址)
![圖片Alt文字](圖片鏈接)
* 無序列表1
* 無序列表2
1. 有序列表1
2. 有序列表2
> 引用內容
3個'-'字符表示分割符
前後3個'`'(反引號)用來書寫代碼片段
/<code>

Markdown編輯器

工欲善其事，必先利其器。使用所見即所得編輯器來編輯Markdown文章，使用阿里雲OSS作為圖床。

1. PC端：Typora編輯器 + iPic圖庫/阿里雲OSS客戶端
2. iPhone/iPad端: MWeb編輯器 + 阿里雲OSS
3. Android端：iA Writer編輯器

排版主要涉及4部分內容：

1. 字體(大小和顏色)：正文的字號最好在14-18px之間，以16px最合適。
2. 行間距：行間距1.5-1.75倍的行距最合適。
3. 移動端文章，無需首行鎖進。
4. 段落之間空一行。

我們使用Markdown編輯器目的就是把主要精力放在內容上，因此我們不可能每次都手動調整字體、行間距等，令人欣慰的是上面介紹的編輯器都支持自定義CSS來控制樣式。

從github.com/huanxi007/markdown-here-css網址上獲取一些比較優秀的CSS文件。

給Typora編輯器添加主題：
打開Typora編輯器 > 偏好設置 > 外觀 > 打開主題文件夾 > 新建一個wechat.css文件，內容為上一步下載的CSS文件內容。

給MWeb編輯器新增預覽樣式：
iPad打開MWeb編輯器 > 左上角設置按鈕 > 新增預覽樣式 > 設置名稱為wechat，CSS內容為上一步下載的CSS文件內容。

渲染Markdown文章

大部分自媒體平臺都只支持富文本編輯器，因此我們需要將用Markdown編輯好的文章渲染後複製到自媒體平臺編輯器中。

複製步驟：編輯器中全選渲染好的文章內容 > Ctrl -C > 進入自媒體平臺編輯器中 > Ctrl - V。

注意：有些自媒體平臺編輯器(如頭條號)會自動刪除一些複製的文本格式，因此需要用Markdown-Here瀏覽器插件來渲染。

​