
很多寫作者已經(jīng)知道Markdown寫作的巨大優(yōu)點(diǎn)了:
寫完就意味著基本編輯完成
讓寫作更順暢
讓寫作更快速
Ulysses是我目前遇到過(guò)的最棒的Markdown寫作神器,如何上手呢?
使用寫作軟件分兩步:
1.設(shè)置行文樣式
2.記得常用快捷鍵
常用快捷鍵
因?yàn)榈谝稽c(diǎn)比較關(guān)鍵,而大多數(shù)人有沒(méi)有耐心去琢磨,我們先說(shuō)第二點(diǎn),關(guān)于主要快捷鍵的用法,這里列一下使用頻次最高的。
一級(jí)標(biāo)題——“#+標(biāo)題”
二級(jí)標(biāo)題——“##+標(biāo)題”
三級(jí)標(biāo)題——“###+標(biāo)題”
四級(jí)標(biāo)題——“####+標(biāo)題”
五級(jí)標(biāo)題——“#####+標(biāo)題”
六級(jí)標(biāo)題——“######+標(biāo)題”
無(wú)序列表:通過(guò)-加一個(gè)空格表示,后面跟內(nèi)容,如:“- 北京”
- 北京
- 上海
有序列表:數(shù)字+“.”+空格+內(nèi)容來(lái)表示,如“1. 北京”
- 北京
- 上海
- 廣州
字體加粗:內(nèi)容左右用** 包裹起來(lái),如“中國(guó)”,快捷鍵ctrl+b
字體傾斜:左右用*包裹起來(lái),如“中國(guó)”,快捷鍵ctrl+i
加粗加斜體:左右用***包裹起來(lái),如“中國(guó)”,快捷鍵ctrl+b、 ctrl+i
引用:在文字前面加 > 表示引用說(shuō)明,如>愛(ài)原來(lái)是一場(chǎng)自我教育,快捷鍵ctrl+q
愛(ài),原來(lái)是一場(chǎng)自我教育。
下劃線:Markdown 并無(wú)下劃線的原生語(yǔ)法,因?yàn)闀?huì)和鏈接的默認(rèn)樣式產(chǎn)生混淆。比較麻煩,暫時(shí)不推薦使用。
鏈接:用[]括起來(lái),自動(dòng)彈出寫鏈接的框
用合適的工具讓輸入更流暢
圖片:可以直接粘貼進(jìn)文檔。
其余使用快捷鍵和使用技巧可以自行參考文檔介紹,只字不差的閱讀會(huì)獲得更多的內(nèi)容。
設(shè)置樣式
就是中文排版,李笑來(lái)老師說(shuō)中文排版的重點(diǎn)只有三個(gè):
- 字體大小
- 行間距
- 字間距
字體大小通用就好,笑來(lái)老師用的是字體大小16px,行間距1.8倍,字間距0.1倍,倍數(shù)都是相對(duì)于字體大小而言。
還有段前和段后間距,都可以根據(jù)自己的興趣設(shè)置。
關(guān)鍵是在Ulysses中如何設(shè)置這些基本樣式呢?
在主頁(yè)面Ulysses——偏好設(shè)置,會(huì)出現(xiàn)以下界面。

這個(gè)頁(yè)面設(shè)置的是我們?cè)赨lysses文檔書寫界面的排版,并不是輸出的Markdown格式的排版樣式。
點(diǎn)擊上圖中的標(biāo)記窗口,顯示的是設(shè)置Ulysses文檔書寫界面的主題,包含每種標(biāo)題和特征的顏色、是否加粗、是否斜體、是否劃線等等,這些特征主題都不是Markdown格式輸出的排版樣式,如下圖。

我們想要的Markdown格式輸出顯示的樣式設(shè)置,也就是最終所見(jiàn)效果的樣式設(shè)置,點(diǎn)擊上圖中右上角的樣式可以看到,如下圖所示。

不同的格式,如PDF、DOCX、HTML、ePub有不同的輸出樣式,而這些樣式都是有CSS這種格式文件所定義的。
所以,我們要么使用圖中已有的樣式庫(kù)中的樣式,要么自定義樣式,因?yàn)橐延械倪x擇中,不一定能滿足我們的習(xí)慣。
如本篇文章,用HTML中的Chinaese style樣式,輸出是這樣的:

CSS中的內(nèi)容是這樣的:

圖中的一部分就是定義六個(gè)級(jí)別的標(biāo)題樣式的代碼,我是不懂編程和代碼的,但是當(dāng)我們深入學(xué)習(xí)進(jìn)去,會(huì)發(fā)現(xiàn),每一部分都是特定作用,也不難。隨后會(huì)專門寫一篇文章,寫清楚每一項(xiàng)的含義。
笑來(lái)老師公眾號(hào)文章排版樣式css關(guān)鍵內(nèi)容詳解
而我比較喜歡笑來(lái)老師公眾號(hào)文章的編輯樣式,但是從輸出的文章是看不到css文件的,好在笑來(lái)老師把他所常用的css樣式分享在了GitHub上,這里貼出GitHub網(wǎng)址和笑來(lái)老師介紹Markdown here的公眾號(hào)文章。
笑來(lái)老師所用css的GitHub網(wǎng)址
Markdown Here 教程(這次是及格版)
把喜歡的css下載之后,可以進(jìn)行編輯,改成自己喜歡的樣式,然后從樣式界面的添加樣式功能,添加到樣式庫(kù),就可以使用了。
Markdown here
我們的文本編輯完成后,多數(shù)是要發(fā)表在平臺(tái)上的,簡(jiǎn)書、微信公眾號(hào)等等,但有的平臺(tái)并不兼容Markdown格式,比如流量最大的自媒體平臺(tái)微信公眾號(hào),這時(shí)我們要想把簡(jiǎn)介漂亮的Markdown樣式在公眾號(hào)的文章中呈現(xiàn),就需要Markdown here來(lái)渲染了。
Markdown here是個(gè)瀏覽器插件,多用于郵件書寫等不兼容Markdown格式的情景下,支持ChromeFirefoxSafari瀏覽器。
自己的Chrome瀏覽器一直無(wú)法下載安裝,而Firefox瀏覽器安裝流暢,這里推薦Firefox試試。
- 在Firefox瀏覽器中下載Markdown here插件,然后把插件拖到瀏覽器的窗口中。
- 在Firefox瀏覽器中,打開(kāi)菜單——附加組件,找到Markdown here,點(diǎn)擊首選項(xiàng)。
- 首選項(xiàng)頁(yè)面中的基本渲染對(duì)話框中的css文件,就是我們可以進(jìn)行渲染的文本樣式??梢宰远x不同的css文件,需要哪種,就把哪種css中的內(nèi)容粘貼到基本渲染對(duì)話框中就行。如下圖。
- 在Ulysses中書寫文本。
- 拷貝粘貼到微信公眾號(hào)的編輯器中。
- 使用Markdown here一鍵渲染。(插件安裝成功后,瀏覽器的工具欄右側(cè)會(huì)出現(xiàn)Markdown here的渲染按鈕。)
- 插圖圖片,修訂。
- 發(fā)布

注意,在自定義css時(shí),會(huì)出現(xiàn)設(shè)置的效果沒(méi)能出現(xiàn),這是因?yàn)閮?yōu)先級(jí)的問(wèn)題,不同的地方對(duì)同一個(gè)特征進(jìn)行不同的樣式設(shè)置,出現(xiàn)矛盾,只能從一,所以笑來(lái)老師建議,在想要的設(shè)置后面加上“!important”,就像上圖中的那樣。
樣式預(yù)覽
在Ulysses中有樣式預(yù)覽,所以,如果我們?cè)赨lysses中有和瀏覽器插件Markdown here中渲染所用的一樣的css,就可以在寫作時(shí)預(yù)覽到公眾號(hào)編輯渲染后呈現(xiàn)的樣子,這個(gè)非常方便。