03 如何利用Markdown實現極速排版

huangbangqing12發表於2017-12-17

Hello,大家好,我是棒哥,在這期節目中,我們給大家講一下MarkDown最強大的應用場景,它能極大提高你的排版速度,你就不用受到編輯器的限制,也不用糾結各種排版工具的折騰,那怎麼樣才能夠達到這種一鍵排版的技能呢?首先我們需要一個轉換工具,叫做MarkDownHere。

安裝MarkDownHere

8311587-29c336e8932de78a.png
MarkDownHere.png

你可以使用Google Chrome瀏覽器,點選它們的應用商店,然後搜尋MarkDownHere,點選安裝後,它就會出現在你瀏覽器的右上角。
在這裡推薦大家使用Chrome瀏覽器,它是目前市場上佔有率最多的瀏覽器,不僅僅因為它的易用性,它還有非常強大的擴充套件功能,可以安裝各種各樣的外掛。chrome瀏覽器也是對谷歌服務支援最好的瀏覽器,作為極客,作為程式設計師,就不要再使用國內的垃圾流氓瀏覽器了。
安裝完成後,你可以開啟瀏覽器上任意的一個文字編輯框,接著就可以使用MarkDown語法來撰寫文章,

MarkDown原理

8311587-900aba5f25e335cd.png
MarkDown原理.png

MarkDown是什麼呢?如果你不知道,這期節目對你來說可能有難度,你可以百度搜尋MarkDown來了解它究竟是什麼?其實MarkDown的原理很簡單,它就是自動的渲染HTML/CSS樣式,來達到一種自動排版的效果。如果你不會HTML/CSS,你可以在虛幻私塾主站,在那裡,有我免費講解的HTML+CSS編寫靜態網站視訊教程

MarkDownHere使用技巧

當你在一個不支援MarkDown的文字編輯器中,使用MarkDown語法,編寫完成一篇文章後,那麼我們怎麼樣才能把這些按MarkDown語言寫的文章自動渲染成具有MarkDown樣式的這種排版呢,這個時候,非常簡單,你只要點選瀏覽器右上角上,你剛剛安裝的MarkDownHere外掛圖示,你只要點選一下,這時,在你的瀏覽器中的文字編輯器下的所有文字,就都會自動排版。
因為文章的結構都是一樣的,標題1,標題2,你會在文章頭部,有一些摘要,也總會有一些文字需要加粗,有一些有序列表,無序列表,所以你的文章只要按照MarkDown的語言來寫,點選瀏覽器右上角MarkDownHere的按鈕,就可以實現一鍵排版。

更改排版樣式

8311587-975d54770540845c.jpg
更改排版樣式.jpg

有時候,它預設的排版樣式你不是很喜歡,比如說,你想讓標題1預設是居中對齊,而不是左對齊,那有沒有辦法實現呢?
我們只需要右鍵MarkDownHere這個外掛,點選選項,它會彈出一個基本渲染CSS的編輯框,在裡面,你就可以更改文字渲染的樣式了。
比如說,我要改標題1,它對應的HTML標籤是h1,所以在這裡我們只需要更改h1的CSS樣式就可以了,在這裡就需要你有一些CSS基礎了,比如說,我想讓標題1預設是居中對齊,而不是左對齊,這時,我只需要把text-align屬性改為Center就可以了。
當我們更改完成後,再次點選瀏覽器右上角MarkDownHere的按鈕,排版的樣式就變成我們修改後的結果了。
同樣的,如果你需要對無序列表或者加粗的樣式進行修改,只需要找到對應的CSS樣式程式碼修改即可。
這裡我們就不再延展了,因為它需要CSS方面的知識。所以如果不知道HTML和CSS的同學,趕緊學習由我製作的免費視訊教程吧。

總結

那這期節目就是這樣,我們教大家如何進行Markdown文字的編寫,然後把MarkDown語言複製到文字編輯器中,通過MarkDownHere這個渲染的外掛,實現一鍵排版。
如果你喜歡我們的節目,點贊並訂閱我們吧。

相關文章