歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux基礎 >> Linux教程 >> Sublime Text 3下兩款Markdown插件

Sublime Text 3下兩款Markdown插件

日期:2017/2/28 13:59:23   编辑:Linux教程

最近升級到了 Sublime Text 3 ,於是又涉及到重新安裝我喜歡的插件。作為Markdown 的重度使用者自然關於Markdown的插件是必不可少的 (選擇在簡書中寫文章其中一個很重要的原因是因為簡書的MarkDown寫作環境很舒服)。 在這裡記錄分享一下我常用的兩款Markdown插件。

  • MarkdownEditing
    MarkdownEditing是Markdown寫作者必備的插件,它可以不僅可以高亮顯示Markdown語法還支持很多編程語言的語法高亮顯示。
  • OmniMarkupPreviewer
    OmniMarkupPreviewer用來預覽markdown 編輯的效果,同樣支持渲染代碼高亮的樣式。

安裝插件

安裝插件之前,我們需要首先安裝一個Sublime 中最不可缺少的插件 Package Control, 以後我們安裝和管理插件都需要這個插件的幫助。

安裝"Package Control"

使用快捷鍵ctrl + `打開Sublime的控制台 ,或者選擇 View > Show Console 。

在控制台的命令行輸入框,把下面一段代碼粘貼進去,回車 就可以完成Pacakge Control 的安裝了。

  1. import urllib.request,os,hashlib; h ='eb2297e1a458f27d836c04bb0cbaf282'+'d0e7a3098092775ccb37ca9d6b2e4b7d'; 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)

安裝MarkdownEditing

Package Control 安裝成功後我們就可以使用它方便的管理插件了,首先使用快捷鍵 'command + shift + p ' 進入到Sublime 命令面板,輸入 "package install" 從列表中選擇 "install Package" 然後回車。這時候Sublime開始請求遠程插件倉庫的索引,所以第一次使用可能會有一些小的延時。

看到列表的更新之後輸入 "markdown ed" 關鍵字,選擇“MarkdownEditing" 回車。 插件安裝完畢後需要重新啟動Sublime插件才能生效。下面是我使用sublime編輯代碼片斷的顯示效果。

MarkdownEdit顯示效果

除了高亮顯示語法,MarkdownEditing 還提供了一些快捷鍵用於快速插入markdown 標記,下面是我常用的兩個(更多的快捷鍵請參閱其官方文檔)。

  • command + option + k 插入鏈接
  • command + shift + k 插入圖片

比起快捷鍵我更喜歡MarkdownEditing為我們增加的幾個"code snippet"

輸入 "mdi + tab" 會自動插入下面的圖片標記

  1. ![Alt text](/path/to/img.jpg "Optional title")

輸入 "mdl + tab" 會自動生成下面的鏈接標記

  1. [](link)

安裝OmniMarkupPreviewer

完成了基本的編輯需要,接下來查看Markdown的渲染效果或者輸出html格式,OmniMarkupPreviewer就會派上用場了,我們同樣需要借助Pacakge Control來安裝這個插件。鍵入 "command + shift + p" 進入sublime的命令界面,輸入 "package ins" 然後回車 ,鍵入 "ominmarkup" 選擇OmniMarkupPreviewer , 回車。

安裝OmniMarkupPreviewer

插件安裝成功後我們就可以使用快捷鍵對編輯的markdown源文件進行預覽了。下面是幾個常用快捷鍵.

  • Command +Option +O: 在浏覽器中預覽
  • Command+Option+X: 導出HTML
  • Ctrl+Alt+C: HTML標記拷貝至剪貼板

下面是同樣的代碼markdown代碼在浏覽器中預覽後的效果.

浏覽器預覽效果

配備了以上兩個插件後在sublime中使用markdown完全滿足日常需要了,享受markdown寫作給你帶來的樂趣吧.

更多Sublime Text閱讀

Ubuntu 安裝代碼編輯器 Sublime Text 3 (Build 3083) http://www.linuxidc.com/Linux/2015-03/115534.htm

動圖展示16個Sublime Text快捷鍵用法 http://www.linuxidc.com/Linux/2014-12/110930.htm

Ubuntu 12.10 安裝破解Sublime Text 2 http://www.linuxidc.com/Linux/2013-07/86898.htm

Ubuntu 13.04安裝Sublime Text 2 http://www.linuxidc.com/Linux/2013-05/84228.htm

編碼神器——Sublime Text 包管理工具及擴展大全 http://www.linuxidc.com/Linux/2013-10/91701.htm

如何開發 Sublime Text 2 的插件 http://www.linuxidc.com/Linux/2013-09/90046.htm

Windows Mac Linux下安裝以及破解Sublime Text 2編輯器 http://www.linuxidc.com/Linux/2013-08/89452.htm

文本編輯器Sublime Text 使用體驗 http://www.linuxidc.com/Linux/2013-08/89326.htm

Sublime Text 的詳細介紹:請點這裡
Sublime Text 的下載地址:請點這裡

Copyright © Linux教程網 All Rights Reserved