# markdown - 更簡潔、更高效 ================================================= 強烈建議開發者認真閱讀本文檔，掌握md及HBuilderX對md的強大支持。 _如果沒有點右鍵設置自動換行，可按Alt+滾輪橫向滾動查看。_ 很多人只把markdown用于網絡文章發表，這糟蹋了markdown。 markdown不止是HTML的簡化版，更重要的是txt的升級版、word的輕量版、筆記的最佳載體。 作為一種簡單的格式標記語言，不同于txt的無格式，不同于HTML的復雜標記，也不同于word的鼠標調整樣式。markdown通過簡單的幾個字符鍵入，就可以快捷的定義文檔的樣式。 比如在行首敲一個“#”，就把這行定義為了1級標題，并且在HBuilderX里有直觀完善的著色，這樣無需發布為web頁面，可直接當word用。 掌握markdown，你可以完全拋棄txt和筆記軟件的編輯器，并且在大多數場景下替代掉復雜臃腫的word。享受簡潔之美、享受效率提升。 而HBuilderX，可以被稱為最強大的markdown書寫工具了。 下面的示例列舉了markdown語法及對應的HBuilderX使用技巧： 開始前，可以先按下文檔結構圖的快捷鍵Alt+w（Mac是Ctrl+w），瀏覽本文的大綱。 # 標題語法 markdown的標題是行首以#號開頭，空格分割的，不同級別的標題，在HX里著色也不同。如下： # 標題1 ## 標題2 ### 標題3 #### 標題4 ##### 標題5 ###### 標題6 標題使用技巧： 1. Emmet快速輸入：敲h2+Tab即可生成二級標題【同HTML里的emmet寫法，不止標題，HX里所有可對應tag的markdown語法均支持emmet寫法】。僅行首生效 2. 智能雙擊：雙擊#號可選中整個標題段落 3. 智能回車：行尾回車或行中Ctrl+Enter強制換行后會自動在下一行補#。而連續2次回車后將自動補的#去掉。(體驗同word) 4. 回車后再次按Tab可遞進一層標題，再按Tab切換列表符 5. 在# 后回車，可上插一個空標題行【同word】，或任意位置按Ctrl+Shift+Enter也可以上插空標題行 6. 折疊： - 點標題前的-號可折疊該標題段落，快捷鍵是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+回車，上一行留出列表符 以上三種列表，均支持批量修改列表符，有如下方式建議依次學習嘗試： 1. 選中多行，按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”，批量設置列表符 2. 如果需要跳行設置有序或無序列表，通過Ctrl+鼠標左鍵點中目標多行（可不連續），產生多光標，然后按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”，可跳行設置列表符，尤其是有序列表，數字也會跳行加1 3. 按Alt+鼠標選中行首那列（列選擇），這樣每行行首都有光標，然后再鍵入或刪除列表符即可批量操作 4. 選中多行，按快捷鍵Ctrl+Shift+\（其實就是Ctrl+|），可以在每行行首添加一個光標 ## 引用列表 > 引用1 > 引用2 快捷鍵：Ctrl+Alt+Shift+. 智能雙擊：雙擊>號可選中整段引用列表 智能回車：行尾回車或行中Ctrl+Enter強制換行后會自動續列表；連續按回車會清除列表符；在列表符后回車或行尾Shift+回車，上一行留出列表符 # 文字樣式語法 **加粗** 【快捷鍵：Ctrl+B，支持多光標；Emmet：b后敲Tab】 __加粗2__ _傾斜_【Emmet：i后敲Tab；前后包圍：選中文字按Ctrl+\是在選區兩側添加光標，可以繼續輸入_】 *傾斜* ~~刪除線~~ ``` 單行代碼 ``` 包圍插入：先選中文字內容，然后按_*~`等符號，會自動在2側加包圍 智能雙擊：雙擊語法區前面的定義符號，選中包含定義符的整段文字 去包圍：選中整段文字后，按Ctrl+Shift+]，可去除2側包圍符號 引號括號雖然不屬于markdown語法，但也支持相同的包圍、選擇、去包圍操作。 引號括號智能雙擊選擇時略特殊的是：雙擊引號括號內側，選中引號括號里的內容(不含引號括號)；按下Alt+雙擊引號括號內側，則選中包含符號的整段文字 HBuilderX還支持以下對2側文本高效處理的手段 1. 選中文字按Ctrl+\是在選區兩側添加光標，可以繼續輸入~~，會在2側同時輸入 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的痛點，HBuilderX按下Ctrl+K可以自動整理表格格式（暫未兼容不同縮放模式和字體的情況） 3. 支持從excel、wps、word、number的表格中復制粘貼表格進來（不支持合并單元格和單元格換行） # 分割線 ------------- 【Emmet：hr后敲Tab】 ************* ============= # 代碼區 ``` javascript var a = document ``` Emmet：code后敲Tab，行首生效 智能雙擊：雙擊語法區開頭，即!左側，選中包含定義符的整段文字 # 注釋 <!--注釋--> 快捷鍵：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格式。（注意在打印選項里去掉頁眉頁腳） # 其他常用但你可能不知道的快捷操作技巧 - 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](http://ask.dcloud.net.cn/article/13097) 都學會了嗎？ markdown語法其實很簡單，認真學半小時就能掌握。 HBuilderX的極客操作則需要不停反復練習，熟練掌握這些技巧，你將成為高效極客！