用Markdown寫(xiě)作是我挺喜愛(ài)的一種方式，畢竟純文字的方式寫(xiě)作會(huì)受到的干擾最少了，不用擔(dān)心排版的問(wèn)題，不用擔(dān)心字體的問(wèn)題，一切都是已經(jīng)預(yù)置好了，當(dāng)然配合CSS的強(qiáng)大可定制特性更是可以讓效果隨心所欲了，這里便是利用這一特性進(jìn)行定制的。

話說(shuō)，在這里簡(jiǎn)單補(bǔ)充一句，Markdown憑借其簡(jiǎn)單的語(yǔ)法，更易于學(xué)習(xí)和輸入的特性，近年來(lái)贏得了大量專業(yè)寫(xiě)作人士的喜愛(ài)，如果寫(xiě)作是你生活中不可缺少的一部分，而你卻尚不了解Markdown，那現(xiàn)在就是時(shí)候去了解一下了。

好的，回到這里，如果你決定繼續(xù)讀下去，說(shuō)明你已經(jīng)有要使用Markdown寫(xiě)作的覺(jué)悟了，我們繼續(xù)探討微信公眾平臺(tái)的情況。

為了兩個(gè)目的，一是我的文章可以不但用于微信公眾平臺(tái)發(fā)送，還可以發(fā)至博客或其他更多的地方而不需要重新排版，并繼續(xù)擁有豐富的版面效果，二是可以方便的寫(xiě)作，于是毫無(wú)疑問(wèn)，本來(lái)就已經(jīng)是我寫(xiě)作工具的Markdown定然當(dāng)選了。

微信公眾平臺(tái)有一些限制使得一般普通的復(fù)制粘貼Markdown生成的文章都會(huì)有些欠缺，通過(guò)網(wǎng)絡(luò)搜尋后發(fā)現(xiàn)無(wú)人解決，故親自上陣解決之，這里便將步驟和情況的共享出來(lái)了，方便大家參考和使用。

• pandoc 請(qǐng)從官網(wǎng)下載安裝
  

• 獲取項(xiàng)目文件：
  $ git clone https://github.com/wizicer/wx-article-starter.git
• 添加你自己的Markdown文件，并以.md作為擴(kuò)展名
• 執(zhí)行build.bat生成html文件
• 打開(kāi)該文件并將其拷貝粘貼至微信公眾平臺(tái)的編輯窗口
  
  

• Fork該項(xiàng)目
• 將該項(xiàng)目下載至本地
• 添加你自己的Markdown文件，并以.md作為擴(kuò)展名
• 執(zhí)行build.bat生成html文件
• 打開(kāi)該文件并將其拷貝粘貼至微信公眾平臺(tái)的編輯窗口
  

以下具體步驟對(duì)于不需要修改樣式的用戶可以忽略

微信公眾平臺(tái)作為眾多消息分發(fā)的一個(gè)終端，有其特殊性，我發(fā)現(xiàn)的限制如下（可能不完全，會(huì)不斷補(bǔ)充的）：

• 過(guò)濾掉<div>/<a>標(biāo)簽（即不可全頁(yè)背景，不可有鏈接）
• 預(yù)置了一個(gè)css文件，會(huì)將未明確寫(xiě)明的css樣式變化掉
  

在了解以上限制的基礎(chǔ)上，就好做了，按如下步驟：

• 準(zhǔn)備一份使用Markdown生成的文檔
• 關(guān)鍵步驟：下載了一份微信的預(yù)置css存為override.css，并link到頁(yè)面上
• 將我們自己創(chuàng)建的style.css也鏈接進(jìn)來(lái)，我是選取我以前使用的Markdown的樣式
• 調(diào)整style.css文件，并在瀏覽器中預(yù)覽，直到效果滿意為止
  

其實(shí)關(guān)鍵點(diǎn)就在微信預(yù)置的那個(gè)css文件。