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 Text3—系統設定
- ATOM & Sublime Text 下MarkDown外掛功能比較
- Sublime Text 3 快捷鍵總結
- [sublime系列文章] sublime text 3如何設定巨集
- MacOS Sublime Text 3 安裝使用 Sublime-phpcs 外掛MacPHP
- sublime text3 好用的外掛
- sublime Text3 前端常用外掛前端
- sublime text3外掛安裝
- sublime text 3 自制快速程式碼片段
- Sublime Text3—常用外掛Emmet
- Sublime Text3—Project(專案管理)Project專案管理
- 使用 Sublime Text 3 編譯 C 語言編譯
- Sublime Text 3 下載安裝及配置
- Sublime Text 3 的微信小程式外掛!微信小程式
- sublime text 3繫結lua編譯器編譯
- Color Convert ---- Sublime Text 3多種顏色轉換外掛
- px值轉rem值的Sublime Text 3自動完成外掛REM
- win10系統markdown安裝教程_win10系統markdown安裝步驟Win10
- Sublime Text全程指南
- Sublime text3 無法安裝外掛
- Sublime Text 3 安裝 BracketHighlighterRacket
- 為 Laravel 開發而配置的 Sublime Text 3Laravel
- Sublime Text 3下安裝Emmet的問題
- Sublime Text 3能用支援的外掛推薦
- Nodejs開發(1.Sublime Text 3配置)NodeJS
- sublime text for Mac註冊啟用 sublime text4註冊碼Mac
- sublime text 註冊碼漢化下載+sublime text 破解安裝教程
- [轉]基於Sublime Text搭建Python IDEPythonIDE
- Sublime Text 4.0 Mac版Mac
- Sublime Text 簡明教程
- 程式碼編輯器Sublime_Text3的使用
- Sublime Text 3 中文亂碼問題的解決
- Sublime Text3 自動編譯less 的配置編譯
- Mac 使用Sublime Text 3 搭建C開發環境Mac開發環境
- Sublime Text3—Code Snippets(自定義程式碼片段)
- sublime text3直接開啟localhost的檔案localhost
- Sublime Text 3最好的功能、外掛和設定
- Sublime Text 2/3 [Decode error - output not utf-8]Error