Markdown | win10系統MarkEditor轉Sublime Text 3
問題
原來win7系統用的是MarkEditor,介面清新非常好用,但在換成win10系統的Surface Laptop後出現了種種問題,因此想換一種方法編譯Markdown。
解決方法
使用的軟體是Sublime Text 3,本來就裝有Markdown語言的syntax,因此只需要下載幾個外掛完成預覽就行了。
Ctrl+Shift+P開啟Command Palette,輸入pcip(Package Control: Install Package),在搜尋欄裡輸入Markdown或Markdown Preview。可以把出現的外掛都瀏覽一遍,選擇自己需要的安裝。我安裝了下面這四個:
其中MarkdownLivePreview提供了很方便的功能,通過快捷鍵Alt+M可以直接進入雙欄預覽功能,反應速度也很快,不會有MarkEditor裡遇到的延遲情況,還是比較好用的。但是插入本地圖片有時會出現無法顯示的問題。
MarkdownPreview提供的不是實時預覽,而是在瀏覽器或GitHub上的預覽功能。由於我平時比較習慣單欄編輯,沒有實時預覽的習慣,因此更傾向於在寫完一個文件後再用它的功能再瀏覽器上預覽一下,檢查錯誤。
GitHub Markdown Snippets則提供了一系列快捷輸入的方法,這樣可以不用背GitHub Markdown的語法。例如,輸入pre+tab鍵,就會自動出現多行程式碼的輸入。
與MarkEditor的語法區別
MarkEditor裡有一些語法是在Markdown的基礎上經過優化的。因為之前用習慣了,所以換成Sublime才意識到一些區別。目前發現的主要有兩個:
表格
MarkEditor裡寫表格非常簡單,還會自動對齊,只需要輸入成這樣就行了:
```table
column1 | column2
xxx|yyy
```
而在Sublime裡,表格功能可以用GitHub Markdown Snippets外掛來實現,只要輸入table+tab鍵就會自動出現表格的模板了。
換行
MarkEditor裡,編輯器中的換行在編譯時是會正常展現的。但在一般的Markdown語法中,編輯時的兩個段落只是為了視覺上的便捷,其實還是算作一段的。比如,編輯器中輸入:
這是第一段。
這是第二段。
預覽時顯示的會是這樣的:
這是第一段。這是第二段。
解決的方法有兩種:hard linebreak和soft linebreak。Hard linebreak的方式是在兩個段落中間多插入一行,比如這樣:
這是第一段。
這是第二段。
而soft linebreak則更加簡單一些,只需要在段落結尾處加上兩個空格就可以了。在上面的例子裡,在“這是第一段。”後面加上兩個空格,就會正常地顯示分段了。相關文章
- Sublime Text 快速校驗 Markdown 文件
- ASBFAT:Sublime Text 3
- Sublime text3 舒爽配置
- Sublime Text 3 安裝 BracketHighlighterRacket
- [sublime系列文章] sublime text 3如何設定巨集
- Color Convert ---- Sublime Text 3多種顏色轉換外掛
- MacOS Sublime Text 3 安裝使用 Sublime-phpcs 外掛MacPHP
- sublime text3 好用的外掛
- sublime Text3 前端常用外掛前端
- Sublime Text 3 如何支援中文編碼
- sublime text 3 自制快速程式碼片段
- sublime text3外掛安裝
- sublime text3 顯示空格和Tab
- Sublime Text 3 下載安裝及配置
- 更改 Sublime text 3 側邊欄字型大小
- 使用 Sublime Text 3 編譯 C 語言編譯
- 編輯器之——Sublime Text3、Notepad++
- Sublime text3 無法安裝外掛
- Sublime Text 3 的微信小程式外掛!微信小程式
- sublime text for Mac註冊啟用 sublime text4註冊碼Mac
- Sublime Text 4.0 Mac版Mac
- win10系統markdown安裝教程_win10系統markdown安裝步驟Win10
- 程式碼編輯器Sublime_Text3的使用
- Sublime Text3 自動編譯less 的配置編譯
- Sublime Text 3 中文亂碼問題的解決
- 使用sublime text3搭建Python編輯環境Python
- Sublime Text 4 Dev中文破解版+Sublime Text 4 Dev啟用碼dev
- sublime text 註冊碼漢化下載+sublime text 破解安裝教程
- sublime text3 - 打造成小程式開發神器
- Mac 中 Sublime text3 設定 sublimeREPL 的快捷鍵Mac
- Ubuntu安裝sublime Text 3並配置可以輸入中文Ubuntu
- Sublime Text安裝步驟
- new sublime text4 configuration
- sublime text 註冊碼啟用資源+sublime text 破解安裝教程圖文版
- sublime text破解漢化版+sublime text註冊碼金鑰「支援最新mac14」Mac
- ubuntu下安裝 Sublime Text 3 及 PlantUML 繪圖外掛Ubuntu繪圖
- Sublime Text3安裝包時出現的問題
- 我使用的 Sublime Text 外掛