markdown - 更簡潔、更高效
====================================================
強烈建議開發者認真閱讀本文檔,掌握md及HBuilderX對md的強大支持。
窄屏幕下,可按Alt+滾輪橫向滾動
很多人只把markdown用於網絡文章發表,這糟蹋了markdown。
markdown不止是HTML的簡化版,更重要的是txt的升級版、word的輕量版、筆記的最佳載體。
作為一種簡單的格式標記語言,不同於txt的無格式,不同於HTML的復雜標記,也不同於word的鼠標調整樣式。markdown通過簡單的幾個字符鍵入,就可以快捷的定義文檔的樣式。並且在HBuilderX里有直觀完善的着色,這樣無需發布為web頁面,可直接當word用。
掌握markdown,你可以完全拋棄txt和筆記軟件的編輯器,並且在大多數場景下替代掉復雜臃腫的word。享受簡潔之美、享受效率提升。
下面的示例列舉了markdown語法及對應的HBuilderX使用技巧:
標題語法
markdown的標題是行首以#號開頭,空格分割的,不同級別的標題,在HX里着色也不同。如下:
# 標題1
## 標題2
### 標題3
#### 標題4
##### 標題5
###### 標題6
標題使用技巧:
- Emmet快速輸入:敲h2+Tab即可生成二級標題【同HTML里的emmet寫法,不止標題,HX里所有可對應tag的markdown語法均支持emmet寫法】。僅行首生效
- 智能雙擊:雙擊#號可選中整個標題段落
- 智能回車:行尾回車或行中Ctrl+Enter強制換行后會自動在下一行補#。而連續2次回車后將自動補的#去掉。(體驗同word)
- 回車后再次按Tab可遞進一層標題,再按Tab切換列表符
- 在# 后回車,可上插一個空標題行【同word】,或任意位置按Ctrl+Shift+Enter也可以上插空標題行
- 折疊:
- 點標題前的-號可折疊該標題段落,快捷鍵是Alt+-(展開折疊是Alt+=)
- 多層折疊時折疊或展開子節點,快捷鍵是Alt+Shift+-或=
- 全文全部折疊或展開,快捷鍵是Ctrl+Alt+Shift+-或=
- 折疊其他區域,快捷鍵是Alt+Shift+o。這對長文檔管理非常有用,可以專注於當前章節
- 可以在菜單-跳轉-折疊中隨時找到這些功能
列表
markdown的列表支持有序列表、無序列表以及特殊的任務列表。
同樣也是在行前加一個特殊符號,並空格后再跟列表文字內容。
有序列表
有序列表就是有順序的列表,依靠行前的數字標記順序。
1. 有序列表1 【設置或取消有序列表符的快捷鍵:Ctrl+Alt+1,可選中多行批量設置序號;支持多光標批量設置列表符,即按Ctrl+鼠標左鍵添加多光標】
2. 有序列表2 【列表后回車會自動補序號】
4. 有序列表3 【智能雙擊:雙擊前面的數字,可重新對數字排序,修正序號錯誤,並選中有序列表段落(左邊的4是故意寫錯讓你體驗的)】
無序列表
無序列表就是列表不排序,無序列表因書寫隨意而被更廣泛的使用。
無序列表有3種前綴,HX里分別用於表示1級列表、2級列表、3級列表。
- 無序列表1 【快捷鍵:Ctrl+Alt+-;智能雙擊:雙擊-號可選中整段無序列表;再次按Tab會更換二級列表符】
* 無序列表2
* Emmet:li后敲Tab可生成*號列表符,行首生效
* 快捷鍵:Ctrl+Alt+8【8即*對應的數字】,支持多光標批量設置列表符,即按Ctrl+鼠標左鍵添加多光標
* 智能雙擊:雙擊*號可選中整段無序列表
* 智能回車:行尾回車或行中Ctrl+Enter強制換行后會自動續列表;連續按回車會清除列表符;再次按Tab會更換列表符;在列表符后回車或行尾Shift+回車,上一行留出列表符
* *號常用於二級列表,列表符后繼續Tab,可切換列表符
+ 無序列表3 【快捷鍵:Ctrl+Alt+=;常用於三級列表;其他同上】
任務列表
任務列表非常實用,管理待辦、已辦非常便利。
[ ] 任務列表-未完成任務 【快捷鍵:Ctrl+Alt+[】
[x] 任務列表-已完成任務 【快捷鍵:Ctrl+Alt+]】
1. 智能雙擊:雙擊方括號內可切換勾選狀態,把任務標記為完成或未完成;雙擊方括號右側可選中任務列表段落
2. 智能回車:回車后自動補任務列表前綴符號;連續按回車清除前綴符號;在列表符后回車或行尾Shift+回車,上一行留出列表符
- [ ] 如需發布到web渲染,需增加無序列表- 的前綴
以上三種列表,均支持批量修改列表符,有如下方式建議依次學習嘗試:
- 選中多行,按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”,批量設置列表符
- 如果需要跳行設置有序或無序列表,通過Ctrl+鼠標左鍵點中目標多行(可不連續),產生多光標,然后按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”,可跳行設置列表符,尤其是有序列表,數字也會跳行加1
- 按Alt+鼠標選中行首那列(列選擇),這樣每行行首都有光標,然后再鍵入或刪除列表符即可批量操作
- 選中多行,按快捷鍵Ctrl+Shift+\(其實就是Ctrl+|),可以在每行行首添加一個光標
引用列表
> 引用1
> 引用2
快捷鍵:Ctrl+Alt+Shift+.
智能雙擊:雙擊>號可選中整段引用列表
智能回車:行尾回車或行中Ctrl+Enter強制換行后會自動續列表;連續按回車會清除列表符;在列表符后回車或行尾Shift+回車,上一行留出列表符
文字樣式語法
**加粗1** 【快捷鍵:Ctrl+B,支持多光標;Emmet:b后敲Tab】
__加粗2__
_傾斜_【Emmet:i后敲Tab;前后包圍:選中文字按Ctrl+\是在選區兩側添加光標,可以繼續輸入_】
*傾斜*
~~刪除線~~
``` 單行代碼 ```
包圍插入:先選中文字內容,然后按_*~`等符號,會自動在2側加包圍
智能雙擊:雙擊語法區前面的定義符號,選中包含定義符的整段文字
去包圍:選中整段文字后,按Ctrl+Shift+],可去除2側包圍符號
引號括號雖然不屬於markdown語法,但也支持相同的包圍、選擇、去包圍操作。
引號括號智能雙擊選擇時略特殊的是:雙擊引號括號內側,選中引號括號里的內容(不含引號括號);按下Alt+雙擊引號括號內側,則選中包含符號的整段文字
HBuilderX還支持以下對2側文本高效處理的手段
- 選中文字按Ctrl+\是在選區兩側添加光標,可以繼續輸入~~,會在2側同時輸入
- 向2側擴大選擇:【Win:Alt+Shit+→ 、Mac:Ctrl++Shit+→】;由2側向內減少選擇:【Win:Alt+Shit+← 、Mac:Ctrl++Shit+←】
[鏈接文字](http://dcloud.io)
1. Emmet:a后敲Tab
2. 打開鏈接:Alt+鼠標單擊;如果是本地文件,可通過Shift+Alt+單擊,在另一分欄打開文件
3. 智能粘貼:粘貼URL會自動變成超鏈接格式;粘貼本地文件進來也會自動創建引用鏈接
4. 智能雙擊:雙擊語法區開頭,即[左側,選中包含定義符的整段文字

1. Emmet:img后敲Tab
2. 智能粘貼:粘貼剪切板里的圖形時會自動保存為本md文檔的附件;刪除文檔中的圖片語法,保存md文檔時會自動刪除對應的圖片附件;粘貼圖片文件時自動變成鏈接引用格式;
3. 懸浮預覽:鼠標移到圖片語法上,本地圖片會自動顯示出來
4. 智能雙擊:雙擊語法區開頭,即!左側,選中包含定義符的整段文字
表格
| | | |
|-- |-- |-- |
| | | |
| | | |
1. Emmet:table3*3后敲Tab,表示生成3行3列的表格,行首生效
2. md表格對齊是傳統md的痛點,按下Ctrl+K可以自動整理表格格式(暫未兼容不同縮放模式和字體的情況)
3. 支持從excel、wps、word、number的表格中復制粘貼表格進來(不支持合並單元格和單元格換行)
分割線
------------- 【Emmet:hr后敲Tab】
*************
=============
代碼區
``` javascript
var a = document
```
Emmet:code后敲Tab,行首生效
智能雙擊:雙擊語法區開頭,即!左側,選中包含定義符的整段文字
支持代碼直接高亮着色,這應該是只有HBuilderX才有的功能。注意需要在代碼區開頭指定語言類型
注釋
<!--注釋-->
快捷鍵:Ctrl+/
智能雙擊:雙擊注釋首尾的定義符,選中整段注釋
其他emmet快捷輸入
day后敲Tab,當前日期。注意day需在行首或前面有空格
time后敲Tab,當前時間。注意time需在行首或前面有空格
文檔結構圖
文章很長時,word里有文檔結構圖,HBuilderX也有。
菜單視圖-文檔結構圖,快捷鍵Alt+W(mac是ctrl+W),輕松管理長文檔
運行、預覽和打印PDF
對md文件點工具欄或菜單里的瀏覽器運行,可以使用外部瀏覽器預覽此md文件,會自動渲染為HTML。
點右上角的預覽【快捷鍵Alt+p】,可在HBuilderX右側預覽該md文檔的HTML渲染結果。
在瀏覽器中點打印,選擇打印到PDF,可將md輸出為PDF格式。(注意在打印選項里去掉頁眉頁腳)
一鍵分享
markdown擁有迷人的輸入體驗,但分享並不方便,尤其是缺少免費、穩定、高速的圖床。
uniCloud提供了免費、穩定、高速的服務器和cdn。
HBuilderX,基於uniCloud,提供了markdown的一鍵分享功能。
利用uniCloud的前端網頁托管,將markdown穩定轉成了HTML網頁,並發布為在線的URL。您可以把URL發送給任何想要分享的人。
同時markdown里涉及的圖片也會自動上傳到前端網頁托管里免費cdn中。
更多見: MarkDown一鍵分享使用說明
其他常用但你可能不知道的快捷操作技巧
- Ctrl+鼠標左鍵添加多光標,然后敲字或粘貼,可批量處理。Ctrl+鼠標左鍵拖選,可選中多個選區。
- Ctrl+鼠標右鍵刪除多光標
- 不選內容按Ctrl+C或X可復制或剪切整行
- 選中2個選區后,按Ctrl+Shift+X,可互換選區內容。如無選區,只是2個光標,則互換2行
- Ctrl+上下鍵可上下移動行
- Ctrl+Insert可重復插入當前行,如果有選中內容,可重復插入選中內容
- Ctrl+Shift+K可合並多行(是格式化Ctrl+K的反操作)
- 刪除
- 按Ctrl+D可刪除選中行,支持多光標
- Shift+Del刪除到行尾
- Shift+Backspace刪除到行首
- 選擇
- Ctrl+E選相同詞(mac是Command+D),連續按可選中多詞進一步操作,比替換更方便
- Ctrl+L可連選多行,Ctrl+Shift+L也是選擇行,但不選行首尾的空白字符
- Ctrl+=可逐級放大選區
- 雙擊標題、列表符可選中相應段落
- 雙擊英文引號、括號內側,可選中內部內容
- 雙擊縮進符,可選中同縮進段落
- 雙擊連字符比如-或_,可選中相連的詞,比如雙擊這里試試,uni-app
- 查找
- Ctrl+P查找文件
- Ctrl+Alt+F可在當前目錄的所有文檔中搜索指定關鍵字(mac是Command+Shift+f)
- 選中文字按F3,查找下一個,Shift+F3找上一個
- 雲同步:HBuilderX+markdown用於雲同步筆記的技巧,請參考http://ask.dcloud.net.cn/article/13097
都學會了嗎?
markdown語法其實很簡單,認真學半小時就能掌握。
HBuilderX的極客操作則需要不停反復練習,熟練掌握這些技巧,你將成為高效極客!