本文適用於以下對象——

  1. 從沒用過Markdown的
  2. 打算開始用Markdown的
  3. 日常使用Windows平臺的

Markdown的介紹大家可以參考上一篇文章;本文的目的,則是引導大家開始Markdown的寫作。

1. 下載和安裝vscode

1.1. 下載

隨便找個搜索引擎,搜vscode,不出意外,第一個結果應該就是vscode的官方網站,長這樣——

我相信你既然決定開始使用Markdown了,下載安裝個軟體應該難不倒你……吧?

需要注意的是,安裝的時候,下面這兩個可選項建議勾上——

有什麼用呢?勾了這兩個選項後,你就可以在windows的右鍵菜單裏看到一個「Open with Code」的選項,使用這個選項,你可以利用windows的資源管理器來管理你的Markdown文稿目錄。舉個例子,我所有的公眾號文章的源文件都存在「blog」文件夾下,每次我要開始寫東西的話,我就在這個文件夾上右鍵,選擇「Open with Code」,所有目錄下的文件都會出現在vscode的編輯區內,便於隨時切換

1.2. 安裝中文包

嗯,默認vscode裝好以後是英文的,對很多小夥伴來說可能不是太好。不過,巨硬是給做了中文包的,但需要自己裝一下——

打開vscode後,左側豎著的導航欄最底下的圖標就是vscode的插件市場,在這裡可以找到中文包;

在插件市場的搜索框裏搜索「Chinese」,第一個結果就是中文語言包——

安裝這個包就可以了,安裝好後一般會提示你重啟vscode;如果安裝好並且重啟後界面仍然是英文,則需要額外改一下vscode的配置文件(開源軟體就是會比較麻煩……)。快捷鍵Ctrl+Shift+P調出vscode的命令行輸入欄,長下面這樣——

在輸入欄裏輸入「language」,會模糊匹配可用的命令,選擇「Configure Display Language」,vscode會為你打開一個json文件,長下面這樣——

把其中的 "locale":"" 改成圖上的 "locale":"zh-CN" ,再重啟vscode,界面語言就會是中文了。

1.3. 安裝Markdown增強插件

vscode默認是支持Markdown的,但是我們還是需要一些額外的插件來輔助。如前文安裝中文包一般,到vscode的插件市場中,搜索Markdown關鍵字,安裝這幾個插件——

第一個插件,是一個組合包,一股腦把最常用的Markdown優化都給你裝好;第二個插件,則是Github使用的Markdown渲染樣式,不是特別華麗,很樸素,很簡潔的樣式,因為很多人用Markdown都是為了使用Github Pages,所以這個樣式特別受歡迎。使用這個樣式,在本地就能預覽Markdown文件最終在Github Pages中顯示的效果。

1.4. 開始你的第一篇Markdown文檔

為了集中管理用Markdown的文檔,你可以在你容易找到的地方,專門建立一個文件夾,這取決於大家使用電腦的習慣,每個人都不一樣。使用vscode打開這個文件夾,你會在左側的導航窗口裡,看到這樣的顯示——

紅框圈出來的,就是你的文件夾,或者說,工作目錄,你覺得怎麼好理解就怎麼理解好了。

在這個目錄下,右鍵可以彈出選項菜單,其中就有新建文件這樣的選項。

選擇新建文件,工作目錄上就會多一行,並且可以輸入文件名;請注意,文件名一定要帶後綴,markdown的後綴是.md ,如下所示——

當你輸入.md的後綴時,你會發現,新建的文件名前多了一個logo,這代表它已經被vscode識別為markdown文件了。現在,你就可以開始寫markdown了。

在繼續之前,請點擊右上角的這個圖標——

然後你的頁面就會變成兩欄分列的樣子;右側這一欄就是markdown文件被渲染為HTML的預覽;由於我們安裝餓了Github的渲染風格,所以這裡會按照Github的樣式來渲染你的markdown文件。

2. Markdown的部分語法

這一節全部用Gif來給大家展示——(做gif圖很麻煩啊,推薦一個開源免費的軟體ScreenToGif,可惜不能通過支付寶給他們捐贈……)

2.1. 標題編輯

2.2. 正文

2.3. 代碼塊

幹IT的少不了和各種代碼,命令行接觸;Markdown的代碼塊功能就非常有用了——

代碼塊通過兩行 ``` 符號框出,如果你寫的代碼是某種語言,那麼可以在第一行末尾加上這個語言的名字,代碼塊內的代碼就會執行對應的高亮語法,例如python

2.4. 行內代碼

正文中的代碼,則通過輸入`` 框出

2.5. 列表

有序列表,輸入數字,加一個句點,然後空格即可;可以縮進空置多級列表;

無序列表,輸入 - ,然後空格

2.6. 加粗和傾斜

上面是常用的一些用法,還有一些我沒列出來的用法,比如插入表格,各位可以自行「度娘」或者「谷哥」一下。

3. 小結

相信聰明的同學已經知道我為什麼建議一開始用vscode寫markdown了——原因很簡單,分欄輸入和預覽,你可以直觀的看到自己輸入的代碼渲染後的效果,當然,這其實是大部分markdown編輯器都支持的行為——typora有些不太一樣,它不是這種分欄模式。

如果你是印象筆記或者有道雲筆記的用戶,其實這兩個筆記現在也都支持markdown了,但是說實話,使用體驗我個人認為並不好,而且最重要的是,抹殺了markdown的自由性,既然都用筆記了,好像用不用markdown也無所謂了。

markdown的語法並不多,也沒有很複雜的格式,樣式完全基於軟體所支持的CSS樣式渲染,如我上一篇文章所說,很多時候,簡單的就是最好的。你不太可能拿markdown來寫一篇正式的論文,但是作為日常的筆記來說,markdown再好不過——夠用、可遷移、專註寫作。

下篇會介紹一下windows上的markdown編輯神器——typora。用熟了markdown的語法後,你可以立即拋棄vscode,投身typora的懷抱。


推薦閱讀:
相關文章