安裝插件,更優(yōu)雅地使用Sublime Text 3 書(shū)寫(xiě)Markdown

前言

Sublime Test 3是一款強(qiáng)大的代碼編輯器,支持多種編程語(yǔ)言。其擁有漂亮的用戶(hù)界面和強(qiáng)大的插件擴(kuò)展功能。最近想用Markdown標(biāo)記語(yǔ)言練習(xí)下寫(xiě)blog,Sublime Text也支持Markdown標(biāo)記語(yǔ)言,遂用之。工欲善其事,必先利其器。為了更加高效舒服地寫(xiě)Markdown,我們需要安裝兩個(gè)插件:MarkdownEditing和OmniMarkupPreviewer。MarkdownEditing擁有實(shí)用的Markdown編輯功能、強(qiáng)大的語(yǔ)法高亮效果和優(yōu)雅的主題。OmniMarkupPreviewer是一款將Markdown等標(biāo)記語(yǔ)言渲染為HTML并在瀏覽器上實(shí)時(shí)預(yù)覽的插件。

準(zhǔn)備工作:安裝Package Control(可選)

MarkdownEditing和OmniMarkupPreviewer這兩款插件都可以方便地在Package Control中搜索下載并安裝。具體過(guò)程,這篇文章已經(jīng)介紹的很清楚了,在此不再贅述。詳情可參考Sublime Text 3安裝Package Control插件

通過(guò)使用Package Control安裝成功后就可以忽略下文中MarkdownEditing和OmniMarkupPreviewer的安裝內(nèi)容。如果在使用Package Control出現(xiàn)以下問(wèn)題,或者不想安裝Package Control插件,也可跳過(guò)此步驟,但在安裝MarkdownEditing和OmniMarkupPreviewer插件時(shí)就需要參考下文的安裝過(guò)程。

Package Control

There are no packages available for installation

Please see https://packagecontrol.io/docs/troubleshooting for help

MarkdownEditing插件

安裝

  1. MarkdownEditing源文件下載

    下載地址:https://github.com/SublimeText-Markdown/MarkdownEditing

  2. 點(diǎn)擊右上角的Clone or download按鈕,然后選擇Download ZIP


  3. 將下載的ZIP文件解壓,并重命名為MarkdownEditing

  4. 在菜單欄中點(diǎn)擊Preferences > Browe Packages...,打開(kāi)一個(gè)文件夾,復(fù)制剛才的Package Control文件至此目錄下。

  5. 重啟Sublime Text,插件生效

    顯示效果

使用tips

  • 推薦閱讀一下README,里面有詳細(xì)的使用說(shuō)明。其中內(nèi)容也是用Markdown書(shū)寫(xiě)的,結(jié)合下面將要介紹的OmniMarkupPreviewer插件閱讀效果更佳。

  • 我常用的快捷鍵(更多的快捷鍵請(qǐng)參閱README)

    • Ctrl+Win+V(macOS下為Command+Option+V) 利用粘貼板的鏈接內(nèi)容創(chuàng)建鏈接
  • <center></center> <kbd></kbd>等標(biāo)簽有些渲染器并不能識(shí)別(如簡(jiǎn)書(shū)),慎用。

  • GFM格式:GFM即GitHub Flavored Markdown,是Markdown標(biāo)記語(yǔ)言中的一個(gè)分支。Markdown 有多個(gè)實(shí)現(xiàn), Github, 以及國(guó)內(nèi)很多社區(qū)都是使用 GFM包括 Python China, Ruby China,SegmentFault 都用了 GFM 語(yǔ)法。有 Node 模塊 marked 支持 GFM 的渲染。可以識(shí)別代碼塊中各種編程語(yǔ)言的關(guān)鍵字并高亮顯示。

    效果

    GFM切換方法:點(diǎn)擊Sublime Text右下角的Markdown,然后按圖所示操作。

OmniMarkupPreviewer插件

安裝

源文件下載地址:https://github.com/timonwong/OmniMarkupPreviewer

安裝過(guò)程與MarkdownEditing插件安裝過(guò)程類(lèi)似,不再贅述。ZIP文件解壓后重命名為OmniMarkupPreviewer

效果:

使用tips

  • 快捷鍵

    Ctrl+Alt+O(macOS下為Command+Option+K)在瀏覽器中實(shí)時(shí)預(yù)覽

  • 可以實(shí)現(xiàn)多設(shè)備共同實(shí)時(shí)預(yù)覽渲染效果,如果你有iPad等設(shè)備就可以實(shí)現(xiàn)在電腦上編輯,在iPad上預(yù)覽效果,真心好用。

    操作方法:

    1. 如圖所示進(jìn)行操作

    2. 在命令提示符中輸入ipconfig找到你的電腦的本地IP地址

    3. 將在第一步中打開(kāi)的配置文件中的"server_host": "127.0.0.1",改為你電腦的IP地址。再用本機(jī)打開(kāi)渲染后的頁(yè)面,記錄網(wǎng)頁(yè)地址。將你的其他設(shè)備連入同一WiFi網(wǎng)絡(luò),打開(kāi)剛才記錄的網(wǎng)址即可訪問(wèn)。如果彈出防火墻提示,請(qǐng)選擇允許訪問(wèn)專(zhuān)用網(wǎng)絡(luò)。

更加深入的探索可參考這篇文章

書(shū)寫(xiě)Markdown

  • Markdown的書(shū)寫(xiě)教程網(wǎng)上多如牛毛,可自行搜索。

  • 要輸入* ` 等具有特殊含義的字符時(shí)可以使用\進(jìn)行轉(zhuǎn)義

  • 使用列表時(shí)注意縮進(jìn),否則編號(hào)可能會(huì)錯(cuò)亂。

  • 用Markdown書(shū)寫(xiě)文章圖片的插入是比較麻煩的,需要借助圖床來(lái)實(shí)現(xiàn),在國(guó)內(nèi)我覺(jué)得用微博作為圖床就很方便。而且已經(jīng)有大神做了一個(gè)Chrome插件,可以更加非常快速地創(chuàng)建圖片鏈接。

    安裝地址:Chrome Web Store

    源碼:GitHub地址

    參考:分享昨天擼的一個(gè) Chrome 插件 : 新浪微博圖床(圍脖是個(gè)好圖床升級(jí)版)





參考
http://www.lxweimin.com/p/335b7d1be39e

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容