Mac系統下Markdown編輯環境搭建(Sublime Text)

先說一下本文的寫作背景,作為一枚標準碼農,心里一直有個寫技術博客的想法,只是由于自己的認知問題以及確實技術比較菜,一直不敢真的去做。直到前幾天,跟一個好友聊天時再次被教育,終于下定決心開始寫博客。工欲善其事必先利其器,跟大多數碼農一樣,既然要寫博客,就要搭個讓自己舒適的環境。而自己目前從事iOS App的開發,吃飯的家伙就是手里的這臺Mac,故有了本文的誕生。

既然要開始寫博客,最先想到的就是博客寫到哪里?CSDN,博客園,簡書這些網站都是不錯的選擇,自己平時也常看大牛在這些網站的博客,其他的也有很多自己申請域名建的個人博客網站,也是不錯的選擇。簡單查了下建個人博客網站的方法,感覺也不是很復雜,但是一想自己開始寫博客目前最重要的是能把這個習慣堅持下來,重要的是方便自己寫,方便維護,所以還是先選擇在博客網站里寫吧。簡書的博客頁面給我印象很好,界面簡潔,體驗很好,于是注冊一個賬號。試著開始編寫的時候,發現可以選擇Markdown風格,于是查了一下Markdown,有了初步的認識,簡書上有篇介紹Markdown的文章個人感覺作為入門很不錯,以下引用總結的Markdown寫作的優點:

  • 純文本,所以兼容性極強,可以用所有文本編輯器打開。
  • 讓你專注于文字而不是排版。
  • 格式轉換方便,Markdown 的文本你可以輕松轉換為 html、電子書等。
  • Markdown 的標記語法有極好的可讀性。

感興趣的朋友可以在這里看一下,里面還有Markdown基本語法的介紹,如果想完整學習一下Markdown的語法,大家可以到Markdown 語法說明看簡體中文版的語法說明。

簡書網站提供了對Markdown語法很好的支持,并且支持實時預覽。如果這些已經可以滿足你的需要,那么可以不往下看了。但如果你不喜歡在線寫東西,那么請繼續。首先就是上知乎,看大家都在用什么。Mac 上最好的 Markdown 文本編輯器是什么?,這里介紹了很多不錯的軟件。我自己對Mou這款國人做的軟件比較有印象,但是由于我自己的系統是Sierra,目前Mou不支持,所以只好放棄。喜歡的朋友且系統版本不那么新的朋友可以去Mou下載。

最后選擇了Sublime Text,這個編輯器在Mac系統下免費,且功能強大,插件豐富。而且編輯器原生支持Markdown語法的編寫,但是如果想獲得更好的寫作體驗,還是需要裝幾個Markdown的插件。以下給大家介紹一下Sublime Text軟件里Markdown相關插件的安裝和設置。

  • Package Control
    這個是Sublime Text的插件安裝管理工具,我們安裝其他插件前要先安裝這個管理工具。比較簡單的安裝方式是通過Sublime Text的控制臺來安裝,快捷鍵ctrl+`或者菜單View > Show Console可以打開控制臺,然后根據使用的版本粘貼一段Python腳本,就完成自動安裝了。

    Sublime text3 代碼:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Sublime Text2 代碼:

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

**注意:**以上Python腳本隨著Sublime Text的版本更新可能會改變,建議大家按照上面提供的鏈接獲取最新的安裝腳本。

如果自動安裝出現問題,大家也可以按照鏈接給的教程進行手動安裝。
  • MarkDown Editing
    這個插件支持Markdown語法高亮,支持Github Favored Markdown語法,并且自帶3個主題。安裝方法如下:
  1. 快捷鍵CMD + SHIFT + P 打開上一步安裝好的Package Control命令框。
  2. 輸入install package并回車確認。
  3. 輸入MarkdownEditing并回車確認。
    安裝包就會自動下載到合適的文件目錄下,重啟Sublime Text即可使用新安裝的插件了。大家可以方便的的在菜單View > Syntax > MarkdownEditing下切換3種主題。
  • MarkdownPreview
    這個插件可以將Markdown文件轉成html文件在瀏覽器中預覽。快捷鍵是CMD + B,安裝方式如下:
  1. 快捷鍵CMD + SHIFT + P 打開安裝好的Package Control命令框。
  2. 輸入install package并回車確認。
  3. 輸入Markdown Preview并回車確認。
    重啟Sublime Text即可使用新安裝的插件了。作為有追求的碼農,我們不希望每次想要預覽時,都得手動CMD + B再找到生成的html文件,用瀏覽器打開,這一切都應該可以自動完成。于是我們可以通過點擊菜單欄Preference > Key Bindings進行設置,在User設置里輸入以下代碼:

[{"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"}}]

這樣每次編輯完成,你都可以通過快捷鍵**ALT + M**自動打開瀏覽器來檢查編輯的效果。當然根據個人喜好,快捷鍵可以綁定為任何適合自己使用習慣的按鍵。

關于Markdown的插件還有很多,大家有興趣可以在Sublime插件:Markdown篇找到自己感興趣的插件,安裝方式也都類似。

本文算是在Mac系統下,利用Sublime Text搭建Markdown編輯環境的簡單教程,我自己感覺這樣寫博客精神可以比較集中,不容易分心,并且Markdown語法簡單易學,上手很快,文本也是在這個環境完成的。這里也推薦這種寫作方式給大家,希望可以對大家有所幫助。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,237評論 6 537
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,957評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,248評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,356評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,081評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,485評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,534評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,720評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,263評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,025評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,204評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,787評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,461評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,874評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,105評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,945評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,205評論 2 375

推薦閱讀更多精彩內容