Markdown Here

最近有朋友在微信公眾號(hào)后臺(tái)給我留言問：每天都寫這么長的原創(chuàng)文章，總共需要多長時(shí)間？

這個(gè)問題放在以前我寫每一篇文章大概都需要至少4個(gè)小時(shí)，排版再花掉一個(gè)小時(shí)，差不多5個(gè)多小時(shí)。

現(xiàn)在因?yàn)闀r(shí)間的限制，每天要趕在上班前把當(dāng)天的文章寫完并且發(fā)出來，所以只能利用早起到上班前的兩個(gè)小時(shí)，壓縮時(shí)間之后，想要寫出一篇我自己滿意的文章已經(jīng)是很不容易了，更不要說再花費(fèi)一個(gè)多小時(shí)去排版。

時(shí)間條件的限制使得我不得不去思考怎樣壓縮時(shí)間，首先考慮的肯定是釋放出排版的時(shí)間，保證更多的時(shí)間放在寫作上。

雖然現(xiàn)在很多編輯器也可以設(shè)置一些固定的格式，但是我還是選擇使用Markdown來書寫，一來使用起來方便，二來用markdown語法寫完之后，幾乎所有的平臺(tái)都能使用同樣的樣式，而不需要換一個(gè)平臺(tái)調(diào)一次格式。

怎樣實(shí)現(xiàn)我在標(biāo)題里說到的排版一分鐘呢（實(shí)際只需要一秒鐘）？那就不得不說到一個(gè)排版的終極武器：Markdown Here。它是一款瀏覽器插件，最開始被用來對(duì)郵件進(jìn)行快速排版。

想要實(shí)現(xiàn)一鍵排版需要使用到的工具是Markdown Here，需要了解兩個(gè)知識(shí)：Markdown語法和CSS。

這些知識(shí)看起來有點(diǎn)復(fù)雜，比較偏編程了，可能很多同學(xué)看到這里會(huì)有點(diǎn)打退堂鼓，不過放心，我不打算在本篇文章里寫CSS的原理等等。只需要大家花費(fèi)一點(diǎn)時(shí)間安裝設(shè)置好，就能節(jié)省后面所有的排版時(shí)間。

好了，閑話不多說，我會(huì)從是三個(gè)方面來寫這篇文章：

1. 什么是Markdown?
2. Markdown Here 如何安裝使用？
3. 最近由于谷歌瀏覽器升級(jí)導(dǎo)致出現(xiàn)微信公眾號(hào)后臺(tái)與Markdown Here不兼容問題我是怎么處理的？

01

什么是Markdown?

什么是Markdown？官方給出的定義是：

markdown是一種可以使用普通文本編輯器編寫的標(biāo)記語言，通過簡單的標(biāo)記語法，它可以使普通文本內(nèi)容具有一定的格式。

看起來有點(diǎn)復(fù)雜，其實(shí)直白點(diǎn)說就是在寫文章的過程中通過一些符號(hào)告訴電腦這一段我想怎么排版。

告訴電腦怎么排版

先來說說簡書，簡書本身就自帶Markdown編輯器，大家可以通過設(shè)置-默認(rèn)編輯器-選擇Markdown編輯器，如下圖：

設(shè)置默認(rèn)編輯器

其實(shí)關(guān)于Markdown的語法，常用的非常簡單，10分鐘就能掌握，并且簡書內(nèi)置的Markdown編輯器也有一個(gè)Markdown語法參考，忘記了隨時(shí)點(diǎn)進(jìn)去查看就可以。

Markdown語法

簡書里面的Markdown語法參考

所以，關(guān)于Markdown，其實(shí)我們只需要花10分鐘了解上圖的這些基本版本的一些符號(hào)就行。

02

Markdown Here 如何安裝使用？

Markdown Here就是讓我們實(shí)現(xiàn)公眾號(hào)秒排版的重要工具，它怎么安裝呢？

它的官方網(wǎng)址是：https://markdown-here.com/

Markdown Here首頁

點(diǎn)擊“Get it!”，然后跳轉(zhuǎn)到插件的安裝頁面，這里會(huì)提供幾個(gè)常用瀏覽器的插件安裝地址，我用的是谷歌的Chrome瀏覽器，如果大家常用的是其他瀏覽器，可以選擇其他瀏覽器的版本下載，比如：Firefox或者Opera等。

下載界面

安裝好后，就可以在瀏覽器中看到相應(yīng)的插件了。看到瀏覽器右上角的那個(gè)Markdown-Here的圖標(biāo)了嗎？這個(gè)小小的按鈕就是我們的排版神器啦。

按鈕

在微信公眾號(hào)上我們只需要把文字寫好，點(diǎn)擊這個(gè)按鈕就可以直接排版啦。

文字

排版

如果大家對(duì)于排版不是特別有要求，到這一步就已經(jīng)好了。

如果想要有更好看的效果（例如我上面的截圖的效果），那么就必須涉及到CSS渲染啦，說好了不在這里說太復(fù)雜，所以我就簡單說一下我現(xiàn)在用的是李笑來老師公開的CSS代碼，大家可以在網(wǎng)上找到，如果需要，也可以在后臺(tái)給我留言：排版，這兩個(gè)字。

有了CSS代碼之后，選擇Markdown Here的圖標(biāo)，右鍵點(diǎn)擊一下，然后選擇Option或選項(xiàng)，進(jìn)入它的設(shè)置頁面。

選項(xiàng)

設(shè)置

我們只需要把代碼復(fù)制到CSS留言區(qū)，然后保存，之后退出設(shè)置頁面，就可以對(duì)公眾號(hào)編輯器里已有的markdown文本按照我們想要的效果做“一鍵排版”的處理了。

當(dāng)然如果大家想要一些特別的效果可以在網(wǎng)上找找其他模板或者如果自己會(huì)CSS語法，也可以自己修改。

03

不兼容問題

最近由于chrome和微信公眾號(hào)后臺(tái)的更新，導(dǎo)致chrome瀏覽器進(jìn)入微信公眾號(hào)后臺(tái)的時(shí)候，在點(diǎn)擊Markdown Here的時(shí)候，會(huì)出現(xiàn)如下問題：

沒有可轉(zhuǎn)換或可恢復(fù)內(nèi)容

有人說，只需要把chrome的版本降低至以前的版本就可以解決這個(gè)問題，但是關(guān)鍵的問題是chrome內(nèi)置的是自動(dòng)升級(jí)并且非常難以恢復(fù)到以前的版本。

我當(dāng)時(shí)按照網(wǎng)上搜索的方法嘗試了一晚上，也沒有解決這個(gè)問題，后面也就不糾結(jié)了，不想耽誤太多時(shí)間在這個(gè)上面，就選擇了一種比較曲折的方式，但實(shí)際上效率也很高，我把我的方法分享出來，僅供大家參考。如果有更好的辦法，也歡迎給我留言。

我每天的文章都是現(xiàn)在簡書上的編輯器寫好，然后將文章復(fù)制到訊飛語記網(wǎng)頁版（當(dāng)然，你也可以選擇其他例如印象筆記之類的網(wǎng)頁版），然后用Markdown Here一鍵排版，再將排版后的內(nèi)容直接復(fù)制到公眾號(hào)后臺(tái)就搞定啦！

今天就到這里吧！

祝大家也能體驗(yàn)到一秒排版的快樂！