為什么?
用Markdown寫作是我挺喜愛的一種方式,畢竟純文字的方式寫作會受到的干擾最少了,不用擔(dān)心排版的問題,不用擔(dān)心字體的問題,一切都是已經(jīng)預(yù)置好了,當(dāng)然配合CSS的強大可定制特性更是可以讓效果隨心所欲了,這里便是利用這一特性進行定制的。 話說,在這里簡單補充一句,Markdown憑借其簡單的語法,更易于學(xué)習(xí)和輸入的特性,近年來贏得了大量專業(yè)寫作人士的喜愛,如果寫作是你生活中不可缺少的一部分,而你卻尚不了解Markdown,那現(xiàn)在就是時候去了解一下了。
好的,回到這里,如果你決定繼續(xù)讀下去,說明你已經(jīng)有要使用Markdown寫作的覺悟了,我們繼續(xù)探討微信公眾平臺的情況。 為了兩個目的,一是我的文章可以不但用于微信公眾平臺發(fā)送,還可以發(fā)至博客或其他更多的地方而不需要重新排版,并繼續(xù)擁有豐富的版面效果,二是可以方便的寫作,于是毫無疑問,本來就已經(jīng)是我寫作工具的Markdown定然當(dāng)選了。 微信公眾平臺有一些限制使得一般普通的復(fù)制粘貼Markdown生成的文章都會有些欠缺,通過網(wǎng)絡(luò)搜尋后發(fā)現(xiàn)無人解決,故親自上陣解決之,這里便將步驟和情況的共享出來了,方便大家參考和使用。 如何使用?前置條件方法一方法二- Fork該項目
- 將該項目下載至本地
- 添加你自己的Markdown文件,并以.md作為擴展名
- 執(zhí)行build.bat生成html文件
- 打開該文件并將其拷貝粘貼至微信公眾平臺的編輯窗口
如何修改樣式?以下具體步驟對于不需要修改樣式的用戶可以忽略
微信公眾平臺作為眾多消息分發(fā)的一個終端,有其特殊性,我發(fā)現(xiàn)的限制如下(可能不完全,會不斷補充的): - 過濾掉<div>/<a>標簽(即不可全頁背景,不可有鏈接)
- 預(yù)置了一個css文件,會將未明確寫明的css樣式變化掉
在了解以上限制的基礎(chǔ)上,就好做了,按如下步驟: - 準備一份使用Markdown生成的文檔
- 關(guān)鍵步驟:下載了一份微信的預(yù)置css存為override.css,并link到頁面上
- 將我們自己創(chuàng)建的style.css也鏈接進來,我是選取我以前使用的Markdown的樣式
- 調(diào)整style.css文件,并在瀏覽器中預(yù)覽,直到效果滿意為止
其實關(guān)鍵點就在微信預(yù)置的那個css文件。
|