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

前言

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

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

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

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

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. 點擊右上角的Clone or download按鈕,然后選擇Download ZIP


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

  4. 在菜單欄中點擊Preferences > Browe Packages...,打開一個文件夾,復制剛才的Package Control文件至此目錄下。

  5. 重啟Sublime Text,插件生效

    顯示效果

使用tips

  • 推薦閱讀一下README,里面有詳細的使用說明。其中內容也是用Markdown書寫的,結合下面將要介紹的OmniMarkupPreviewer插件閱讀效果更佳。

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

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

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

    效果

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

OmniMarkupPreviewer插件

安裝

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

安裝過程與MarkdownEditing插件安裝過程類似,不再贅述。ZIP文件解壓后重命名為OmniMarkupPreviewer。

效果:

使用tips

  • 快捷鍵

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

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

    操作方法:

    1. 如圖所示進行操作

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

    3. 將在第一步中打開的配置文件中的"server_host": "127.0.0.1",改為你電腦的IP地址。再用本機打開渲染后的頁面,記錄網頁地址。將你的其他設備連入同一WiFi網絡,打開剛才記錄的網址即可訪問。如果彈出防火墻提示,請選擇允許訪問專用網絡。

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

書寫Markdown

  • Markdown的書寫教程網上多如牛毛,可自行搜索。

  • 要輸入* ` 等具有特殊含義的字符時可以使用\進行轉義

  • 使用列表時注意縮進,否則編號可能會錯亂。

  • 用Markdown書寫文章圖片的插入是比較麻煩的,需要借助圖床來實現(xiàn),在國內我覺得用微博作為圖床就很方便。而且已經有大神做了一個Chrome插件,可以更加非??焖俚貏?chuàng)建圖片鏈接。

    安裝地址:Chrome Web Store

    源碼:GitHub地址

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





參考
http://www.itdecent.cn/p/335b7d1be39e

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容