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

)
- Emmet:img后敲Tab
- 智能粘貼:粘貼剪切板里的圖形時會自動保存為本md文檔的附件;刪除文檔中的圖片語法,保存md文檔時會自動刪除對應(yīng)的圖片附件;粘貼圖片文件時自動變成鏈接引用格式;
- 懸浮預(yù)覽:鼠標移到圖片語法上,本地圖片會自動顯示出來
- 智能雙擊:雙擊語法區(qū)開頭,即!左側(cè),選中包含定義符的整段文字
表格
- Emmet:table3*3后敲Tab,表示生成3行3列的表格,行首生效
- md表格對齊是傳統(tǒng)md的痛點,HBuilderX按下Ctrl+K可以自動整理表格格式(暫未兼容不同縮放模式和字體的情況)
- 支持從excel、wps、word、number的表格中復(fù)制粘貼表格進來(不支持合并單元格和單元格換行)
分割線
------------- 【Emmet:hr后敲Tab】
=============
代碼區(qū)
var a = document
Emmet:code后敲Tab,行首生效
智能雙擊:雙擊語法區(qū)開頭,即!左側(cè),選中包含定義符的整段文字
注釋
快捷鍵:Ctrl+/
智能雙擊:雙擊注釋首尾的定義符,選中整段注釋
其他emmet快捷輸入
day后敲Tab,當前日期。注意day需在行首或前面有空格
time后敲Tab,當前時間。注意time需在行首或前面有空格
文檔結(jié)構(gòu)圖
文章很長時,word里有文檔結(jié)構(gòu)圖,HBuilderX也有。
菜單視圖-文檔結(jié)構(gòu)圖,快捷鍵Alt+W(mac是ctrl+W),輕松管理長文檔
運行、預(yù)覽和打印PDF
對md文件點工具欄或菜單里的瀏覽器運行,可以使用外部瀏覽器預(yù)覽此md文件,會自動渲染為HTML。
點右上角的預(yù)覽【快捷鍵Alt+p】,可在HBuilderX右側(cè)預(yù)覽該md文檔的HTML渲染結(jié)果。
在瀏覽器中點打印,選擇打印到PDF,可將md輸出為PDF格式。(注意在打印選項里去掉頁眉頁腳)
其他常用但你可能不知道的快捷操作技巧
- Ctrl+鼠標左鍵添加多光標,然后敲字或粘貼,可批量處理。Ctrl+鼠標左鍵拖選,可選中多個選區(qū)。
- Ctrl+鼠標右鍵刪除多光標
- 不選內(nèi)容按Ctrl+C或X可復(fù)制或剪切整行
- 選中2個選區(qū)后,按Ctrl+Shift+X,可互換選區(qū)內(nèi)容。如無選區(qū),只是2個光標,則互換2行
- Ctrl+上下鍵可上下移動行
- Ctrl+Insert可重復(fù)插入當前行,如果有選中內(nèi)容,可重復(fù)插入選中內(nèi)容
- Ctrl+Shift+K可合并多行(是格式化Ctrl+K的反操作)
- 刪除
- 按Ctrl+D可刪除選中行,支持多光標
- Shift+Del刪除到行尾
- Shift+Backspace刪除到行首
- 選擇
- Ctrl+E選相同詞(mac是Command+D),連續(xù)按可選中多詞進一步操作,比替換更方便
- Ctrl+L可連選多行,Ctrl+Shift+L也是選擇行,但不選行首尾的空白字符
- Ctrl+=可逐級放大選區(qū)
- 雙擊標題、列表符可選中相應(yīng)段落
- 雙擊英文引號、括號內(nèi)側(cè),可選中內(nèi)部內(nèi)容
- 雙擊縮進符,可選中同縮進段落
- 雙擊連字符比如-或_,可選中相連的詞,比如雙擊這里試試,uni-app
- 查找
- Ctrl+P查找文件
- Ctrl+Alt+F可在當前目錄的所有文檔中搜索指定關(guān)鍵字(mac是Command+Shift+f)
- 選中文字按F3,查找下一個,Shift+F3找上一個
- 云同步:HBuilderX+markdown用于云同步筆記的技巧,請參考http://ask.dcloud.net.cn/article/13097
都學(xué)會了嗎?
markdown語法其實很簡單,認真學(xué)半小時就能掌握。
HBuilderX的極客操作則需要不停反復(fù)練習(xí),熟練掌握這些技巧,你將成為高效極客!