sublime之markdown語法高亮和修改主題

轉(zhuǎn)載鏈接

Sublime Text 怎么高亮 Markdown 的文件語法
Sublime Text 3 MarkdownEditing布局設(shè)置

插件安裝過程

對于剛安裝好的Sublime Text,我們需要安裝一個軟件包管理器:

同時按下ctrl+`,將會在窗口底部出現(xiàn)一個小控制臺:
//圖片

我們把這段話復制并粘貼到控制臺的編輯欄里:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

耐心等待操作完成,之后關(guān)閉并重新打開Sublime Text 3.

安裝我們要用到的插件

按下ctrl+shift+P打開快速菜單,鍵入’pcip’:

這里寫圖片描述
回車,等待數(shù)據(jù)更新,完成后會主動顯示軟件列表。 在里面輸入以下軟件名稱并回車進行安裝: Markdown Editing // Markdown編輯和語法高亮支持 Markdown Preview// Markdown導出html預(yù)覽支持 auto-save // 可自定義的自動保存功能 耐心等待操作完成,之后關(guān)閉并重新打開Sublime Text 3.
前兩個是標準的markdown編輯與預(yù)覽工具,第三個是實現(xiàn)實時預(yù)覽的關(guān)鍵。 安裝結(jié)束后我們新建一個md文檔試試。

實現(xiàn)實時預(yù)覽功能

先說最基本的預(yù)覽,我們基于此實現(xiàn)實時預(yù)覽

我們使用Markdown Preview插件來打開瀏覽器進行預(yù)覽: 按下ctrl+shift+P打開快速菜單,鍵入’mp’
這里寫圖片描述
之后選擇markdown即可打開你的默認瀏覽器來預(yù)覽剛才的內(nèi)容。 一定要記得先在磁盤上保存為一個文件,這樣才能轉(zhuǎn)化成html。

開掛!實現(xiàn)瀏覽器自動刷新

對于瀏覽器而言,我們讓它自動刷新只需在md文件最下面加入一行:
<meta http-equiv="refresh" content="0.1">

0.1負責表示刷新間隔,單位是秒,個人覺得這是一個比較穩(wěn)妥的設(shè)定值。 太快的話我們難以滾動頁面,太慢的話有可能體驗很差。 為了不讓滾動時編輯的新文字觸底,我們在最后一行的刷新代碼之上打好幾個占空間的行即可。 由于空行不會被解析,我們在每一行之前放一個字符#或者打三個以上的減號表示分割線。

最后一步:實現(xiàn)md文檔到html文件的自動更新

這里我們用到了一個叫做auto-save的插件,它可以針對一個文檔實現(xiàn)空閑x秒后自動保存。 我們打開auto-save的默認設(shè)置和用戶設(shè)置文件: Preference->Package Settings->Auto-save->打開Settings-Defualt和Settings-User 將Default的內(nèi)容復制粘貼到User里面,然后修改等待時長:
"auto_save_delay_in_seconds": 0.15,

經(jīng)過實測,0.15是一個比較能接受的值,不會對磁盤造成頻繁讀寫的影響,延遲也不大。 最后就是打開本文檔的自動保存功能了: 按下ctrl+shift+P打開快速菜單,鍵入’auto’
這里寫圖片描述

選擇到current file only按下回車 狀態(tài)欄應(yīng)該顯示
這里寫圖片描述
。 至此,自動保存將在文檔更改0.15秒后觸發(fā)一次,停止自動保存就將上述步驟再做一次即可。

現(xiàn)在我們就能夠開雙側(cè)窗口一邊編輯一邊預(yù)覽了~

這里寫圖片描述

修改默認主題,主題好丑的

在Sublime Text 3 MarkdownEditing插件打開md文件默認的主題很丑,而且文字居中,左側(cè)有大片空白,需要修改配置文件調(diào)整一下。

流程:

打開Default和User

ctrl+shift+p打開命令輸入

Preference: MarkdownEditing Setting

然后會出現(xiàn)下面兩個選項,分別打開

Preference: MarkdownEditing Setting: Default
Preference: MarkdownEditing Setting: User

復制user

將Preference: MarkdownEditing Setting: Default對應(yīng)文件全部內(nèi)容復制到Preference: MarkdownEditing Setting: User中

修改User

在Preference: MarkdownEditing Setting: User中修改

 "color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme",
 // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",

改為以下

// "color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme",
 "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",

修改主題為深色,與sublime主題一一致

// Layout
"draw_centered": false, // 改為false,原始值為true
"word_wrap": true,
"wrap_width": 120, // 每行字符數(shù)上限
"rulers": [],

配置完畢。

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

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