Sublime的安裝、使用,以及結合MarkdownEditing、MarkdownPreview來寫Markdown

文 / 陳式方程

本文環境基于 Ubuntu16.04 + Sublime Text 3。

Sublime安裝

Sublime的安裝包括apt安裝tar包安裝以及deb安裝

apt安裝

首先去官網下載頁面,選擇apt,根據指示敲命令就行。這種安裝是最推薦的方式。然而,由于網絡環境等因素,安裝可能會失敗,這時可以考慮以下2種安裝方式。

tar包安裝

Download頁面選擇64bit或32bit tarball。目前大多數電腦配置都上64位了,我的環境也如此,所以我下載了64位的安裝包。

下載下來是一個壓縮包sublime_text_3_build_3176_x64.tar.bz2,解壓后為sublime_text_3,我把它放在路徑/home/<user>/bin/sublime_text_3下,目錄結構如下:

sublime-installed-folder-directory-structure

直接雙擊sublime_text就可以運行Sublime了。然而每次都要進入到這個路徑雙擊太麻煩,可以考慮創建應用快捷圖標desktop,方法如下:

  1. 進入ubuntu系統的/usr/share/applications,這個文件夾下面存放著系統中所有的快捷圖標,我們也要在這里創建一個sublime_text.desktop,這樣就可以點擊圖標啟動軟件。
  2. 將解壓后的Sublime安裝包里的sublime_text.desktop拷貝到/usr/share/applications
  3. sudo vim /usr/share/applications/sublime_text.desktop來修改啟動路徑, 如Exec=/home/<user>/bin/sublime_text_3/sublime_text %F,注意需要可執行文件完整路徑,用戶主目錄不可使用~代替。
  4. /home/<user>/bin/sublime_text_3/Icon中選擇一個合適的icon,然后修改圖標路徑Icon=/home/<user>/bin/sublime_text_3/Icon/32x32/sublime-text.png,注意圖片后綴要加上

至此,就可以從Applications里直接啟動Sublime了。

關于創建應用快捷圖標有2種方式:

  • 模仿別的.desktop文件,如果不熟悉的話,成功的概率比較低。
  • 使用gnome-panel,這個工具能夠幫助我們創建快捷圖標,確保功能上的正常,但是圖標需要自己修改以下路徑。
    • 安裝gnome-panel,sudo apt-get install gnome-panel
    • 使用gnome-panel, gnome-desktop-item-edit [選線m] [路徑] [指令]
    • gnome-desktop-item-edit /usr/share/applications/ --create-new這條命令就是在/usr/share/applications/下創建一個新的圖標,會彈出對話框,填寫name, excu, comment 等信息。創建成功了,可以在該目錄下看到,而且點擊的時候就能打開軟件。

deb安裝

上網搜索下載deb包,如sublime-text_build-3083_amd64.deb,然后執行sudo dpkg -i sublime-text_build-3083_amd64.deb即可。

Sublime使用

分享2個不錯的Sublime使用文檔,Sublime Text 使用手冊Sublime Text 3 中文文檔

Sublime說明

安裝路徑/home/<user>/bin/sublime_text_3/Packages下都是Sublime默認安裝插件,如C++.sublime-packageGit Formats.sublime-package

路徑/home/<user>/.config/sublime-text-3/Installed Packages下都是下載的插件,如Package Control.sublime-packageMarkdownEditing.sublime-packageMarkdownPreview.sublime-package
其后綴名都是.sublime-package

路徑/home/<user>/.config/sublime-text-3/Packages/User下都是用戶的一些設置,包括Settings,Keymap等,如Preferences.sublime-settingsPackage Control.sublime-settingsDefault (Linux).sublime-keymap等,
其中后綴名包括.sublime-settings.sublime-keymap等。

Package Control安裝

Sublime最強大的地方莫過于插件功能,這些插件都是由Sublime Text的package manager來管理。我們需要安裝Package Control(自己本身也是一個插件)來管理這些插件。詳情見官網
Package Control安裝有SimpleManual2種方式。

Simple方式

進入安裝界面,拷貝對應code,通過快捷鍵<kbd>ctrl+`</kbd>來調出Sublime控制臺, 將對應code粘貼到console,敲回車,等待一會兒status bar會輸出安裝成功與否信息。
由于網絡環境等原因,這種方式有可能會安裝不成功,這時可以考慮手動安裝(Manual方式)。

Manual方式

進入安裝界面,點擊下載Package Control.sublime-package,下載下來為Package Control.sublime-package,解壓后為Package Control.sublime-package_FILES
但是這邊不需要解壓,直接將Package Control.sublime-package拷貝到/home/<user>/.config/sublime-text-3/Installed Packages目錄下,重啟Sublime,就可以使用Package Control了。

Package Control使用

通過快捷鍵<kbd>Ctrl+Shift+P</kbd>或點擊Preferences->Package Control(安裝Package Control成功后才會有這個menu)調出命令面板,輸入關鍵字,可以看到諸如
Package Control: install packagePackage Control: remove package等功能,如下圖:

package-control-function-list

MarkdownEditing插件

想要通過Sublime+Markdown來寫文章,安裝相應的插件才會手順,寫起Markdown才會有感覺。目前Sublime Text 3已經支持高亮顯示Standard MarkdownMultiMarkdown語法,如果不需要預覽功能或是GFM(GitHub Flavored Markdown)支持,可以直接使用。然而我恰好需要預覽功能及GFM支持。

MarkdownEditing插件使得在Sublime寫Markdown變成一件很cool的事情。當你使用Markdown語法書寫時,會高亮顯示語法,會部分WYSIWYG(What you see is what you get)。當然,MarkdownPreview插件會使得你預覽所有內容,將在后面介紹。

MarkdownEditing安裝

可以通過Package Control安裝或手動安裝,推薦用Package Control,會自動更新(Package Control automatically download the package and keeps it up-to-date. Manual installation is required if you need to tweak the code.)。

  1. 通過快捷鍵<kbd>Ctrl+Shift+P</kbd>或點擊Preferences->Package Control調出命令面板,輸入Package Control: install package,敲回車,等一會兒,Sublime會從Package Manager獲取packages list,即請求遠程插件倉庫的索引。接著會彈出插件安裝面板。
  2. 在插件安裝面板輸入關鍵字markdown,選擇MarkdownEditing并點擊安裝即可。
  3. 安裝完畢,在目錄/home/<user>/.config/sublime-text-3/Installed Packages中多了MarkdownEditing.sublime-package

MarkdownEditing使用

最權威的使用方法當然是看官方文檔README.md了,點擊Preferences->Package Settings->Markdown Editing->README即可。

下面是我常用到的一些特性:

  • 安裝后針對 md\mdown\txt 格式文件啟用插件。可在其user的sublime-settings中覆蓋設置。
  • 支持3種Markdown格式: Standard Markdown, GitHub flavored Markdown, MultiMarkdown。默認為GFM,可在View->Syntax->MarkdownEditing中來修改默認值。
  • 快捷鍵操作
    • 插入圖片:Shift + Win + K
    • 插入inline鏈接:Ctrl + Alt + V
    • 插入reference鏈接:Ctrl + Alt + R
  • Code snippet(通過<kbd>Ctrl+Shift+P</kbd>>輸入Snippet也可以調出)
    • 輸入mdi + tab會自動插入圖片標記,[圖片上傳失敗...(image-aea2a-1530574619075)]
    • 輸入mdl + tab會自動生成鏈接標記,[](link)
  • 集成了除了主題外Knockdown的所有特性,包括Sublime Markdown ExtendedSmartMarkdownMarkdownTOC

MarkdownPreview插件

MarkdownPreview是用來在瀏覽器里預覽markdown文檔的,內嵌Python Markdown解析器(offline),也可以使用GitHub Markdown API(online)。

MarkdownPreview安裝

  1. 通過快捷鍵<kbd>Ctrl+Shift+P</kbd>或點擊Preferences->Package Control調出命令面板,輸入Package Control: install package,敲回車。
  2. 在插件安裝面板輸入關鍵字markdown,選擇MarkdownPreview并點擊安裝即可。
  3. 安裝完畢,在目錄/home/<user>/.config/sublime-text-3/Installed Packages中多了MarkdownPreview.sublime-package

MarkdownPreview使用

最權威的使用方法請看官方文檔

通過快捷鍵<kbd>Ctrl+Shift+P</kbd>或點擊Preferences->Package Control調出命令面板,輸入然后選中Markdown Preview: Preview in Browser,即可預覽當前markdown文檔。

下面是我常用到的一些特性:

  • 由于markdown preview默認沒有快捷鍵,每次預覽都需要調出命令面板,這樣顯得不cool,可以添加快捷鍵。
    • 點擊Preferences->Keybindings,在User map里添加 { "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} },這樣通過快捷鍵<kbd>Alt+m</kbd>即可預覽。"parser":"markdown"也可設置為"parser":"github",改為使用Github在線API解析markdown。
    • 如果要選擇解析器,在User map里添加 { "keys": ["alt+m"], "command": "markdown_preview_select", "args": {"target": "browser"} }
  • 如果要控制哪個瀏覽器來預覽,則可在Settings里修改默認值
    /*
      Sets the default opener for HTML files
    
      default - Use the system default HTML viewer
      other - Set a full path to any executable. ex: /Applications/Google Chrome Canary.app or /Applications/Firefox.app
      */
      "browser": "default",
    
  • 通過LiveReload插件來實時更新預覽。

其他

還有一款預覽插件叫OmniMarkupPreviewer,這款插件功能很強大,大家可以試試。

另外,很不幸的是在Ubuntu下Sublime無法輸入中文,也是很悲涼,解決辦法看這里

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

推薦閱讀更多精彩內容