from HBuilderX幫助文檔
markdown - 更簡潔诱告、更高效
=================================================
強烈建議開發(fā)者認(rèn)真閱讀本文檔,掌握md及HBuilderX對md的強大支持怀薛。
窄屏幕下尾序,可按Alt+滾輪橫向滾動
很多人只把markdown用于網(wǎng)絡(luò)文章發(fā)表钓丰,這糟蹋了markdown。
markdown不止是HTML的簡化版每币,更重要的是txt的升級版携丁、word的輕量版、筆記的最佳載體脯爪。
作為一種簡單的格式標(biāo)記語言则北,不同于txt的無格式,不同于HTML的復(fù)雜標(biāo)記痕慢,也不同于word的鼠標(biāo)調(diào)整樣式尚揣。markdown通過簡單的幾個字符鍵入,就可以快捷的定義文檔的樣式掖举。
比如在行首敲一個“#”快骗,就把這行定義為了1級標(biāo)題,并且在HBuilderX里有直觀完善的著色塔次,這樣無需發(fā)布為web頁面方篮,可直接當(dāng)word用。
掌握markdown励负,你可以完全拋棄txt和筆記軟件的編輯器藕溅,并且在大多數(shù)場景下替代掉復(fù)雜臃腫的word。享受簡潔之美继榆、享受效率提升巾表。
而HBuilderX,可以被稱為最強大的markdown書寫工具了略吨。
下面的示例列舉了markdown語法及對應(yīng)的HBuilderX使用技巧:
開始前集币,可以先按下文檔結(jié)構(gòu)圖的快捷鍵Alt+w(Mac是Ctrl+w),瀏覽本文的大綱翠忠。
標(biāo)題語法
markdown的標(biāo)題是行首以#號開頭鞠苟,空格分割的,不同級別的標(biāo)題,在HX里著色也不同当娱。如下:
標(biāo)題1
標(biāo)題2
標(biāo)題3
標(biāo)題4
標(biāo)題5
標(biāo)題6
標(biāo)題使用技巧:
- Emmet快速輸入:敲h2+Tab即可生成二級標(biāo)題【同HTML里的emmet寫法吃既,不止標(biāo)題,HX里所有可對應(yīng)tag的markdown語法均支持emmet寫法】趾访。僅行首生效
- 智能雙擊:雙擊#號可選中整個標(biāo)題段落
- 智能回車:行尾回車或行中Ctrl+Enter強制換行后會自動在下一行補#态秧。而連續(xù)2次回車后將自動補的#去掉。(體驗同word)
- 回車后再次按Tab可遞進(jìn)一層標(biāo)題扼鞋,再按Tab切換列表符
- 在# 后回車申鱼,可上插一個空標(biāo)題行【同word】,或任意位置按Ctrl+Shift+Enter也可以上插空標(biāo)題行
- 折疊:
- 點標(biāo)題前的-號可折疊該標(biāo)題段落云头,快捷鍵是Alt+-(展開折疊是Alt+=)
- 多層折疊時折疊或展開子節(jié)點捐友,快捷鍵是Alt+Shift+-或=
- 全文全部折疊或展開摧扇,快捷鍵是Ctrl+Alt+Shift+-或=
- 折疊其他區(qū)域禾嫉,快捷鍵是Alt+Shift+o困鸥。這對長文檔管理非常有用慨飘,可以專注于當(dāng)前章節(jié)
- 可以在菜單-跳轉(zhuǎn)-折疊中隨時找到這些功能
列表
markdown的列表支持有序列表、無序列表以及特殊的任務(wù)列表抛虫。
同樣也是在行前加一個特殊符號是趴,并空格后再跟列表文字內(nèi)容滞详。
有序列表
有序列表就是有順序的列表谣殊,依靠行前的數(shù)字標(biāo)記順序拂共。
- 有序列表1 【設(shè)置或取消有序列表符的快捷鍵:Ctrl+Alt+1,可選中多行批量設(shè)置序號姻几;支持多光標(biāo)批量設(shè)置列表符宜狐,即按Ctrl+鼠標(biāo)左鍵添加多光標(biāo)】
- 有序列表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ù)字】瓮恭,支持多光標(biāo)批量設(shè)置列表符雄坪,即按Ctrl+鼠標(biāo)左鍵添加多光標(biāo)
- 智能雙擊:雙擊*號可選中整段無序列表
- 智能回車:行尾回車或行中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ù)標(biāo)記為完成或未完成碾盐;雙擊方括號右側(cè)可選中任務(wù)列表段落
2. 智能回車:回車后自動補任務(wù)列表前綴符號;連續(xù)按回車清除前綴符號揩局;在列表符后回車或行尾Shift+回車毫玖,上一行留出列表符
- 如需發(fā)布到web渲染,需增加無序列表- 的前綴
以上三種列表凌盯,均支持批量修改列表符付枫,有如下方式建議依次學(xué)習(xí)嘗試:
- 選中多行,按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”驰怎,批量設(shè)置列表符
- 如果需要跳行設(shè)置有序或無序列表阐滩,通過Ctrl+鼠標(biāo)左鍵點中目標(biāo)多行(可不連續(xù)),產(chǎn)生多光標(biāo)砸西,然后按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”叶眉,可跳行設(shè)置列表符,尤其是有序列表芹枷,數(shù)字也會跳行加1
- 按Alt+鼠標(biāo)選中行首那列(列選擇)衅疙,這樣每行行首都有光標(biāo),然后再鍵入或刪除列表符即可批量操作
- 選中多行鸳慈,按快捷鍵Ctrl+Shift+\(其實就是Ctrl+|)饱溢,可以在每行行首添加一個光標(biāo)
引用列表
引用1
引用2
快捷鍵:Ctrl+Alt+Shift+.
智能雙擊:雙擊>號可選中整段引用列表
智能回車:行尾回車或行中Ctrl+Enter強制換行后會自動續(xù)列表;連續(xù)按回車會清除列表符走芋;在列表符后回車或行尾Shift+回車绩郎,上一行留出列表符
文字樣式語法
加粗 【快捷鍵:Ctrl+B,支持多光標(biāo)翁逞;Emmet:b后敲Tab】
加粗2
傾斜【Emmet:i后敲Tab肋杖;前后包圍:選中文字按Ctrl+\是在選區(qū)兩側(cè)添加光標(biāo),可以繼續(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è)添加光標(biāo),可以繼續(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+鼠標(biāo)單擊抱环;如果是本地文件,可通過Shift+Alt+單擊纸巷,在另一分欄打開文件
- 智能粘貼:粘貼URL會自動變成超鏈接格式镇草;粘貼本地文件進(jìn)來也會自動創(chuàng)建引用鏈接
- 智能雙擊:雙擊語法區(qū)開頭,即[左側(cè)瘤旨,選中包含定義符的整段文字
[圖片上傳失敗...(image-16a93c-1577350182133)]
- Emmet:img后敲Tab
- 智能粘貼:粘貼剪切板里的圖形時會自動保存為本md文檔的附件梯啤;刪除文檔中的圖片語法,保存md文檔時會自動刪除對應(yīng)的圖片附件存哲;粘貼圖片文件時自動變成鏈接引用格式因宇;
- 懸浮預(yù)覽:鼠標(biāo)移到圖片語法上,本地圖片會自動顯示出來
- 智能雙擊:雙擊語法區(qū)開頭祟偷,即!左側(cè)察滑,選中包含定義符的整段文字
表格
- Emmet:table3*3后敲Tab,表示生成3行3列的表格修肠,行首生效
- md表格對齊是傳統(tǒng)md的痛點贺辰,按下Ctrl+K可以自動整理表格格式(暫未兼容不同縮放模式和字體的情況)
- 支持從excel、wps嵌施、word饲化、number的表格中復(fù)制粘貼表格進(jìn)來(不支持合并單元格和單元格換行)
分割線
------------- 【Emmet:hr后敲Tab】
=============
代碼區(qū)
var a = document
Emmet:code后敲Tab,行首生效
智能雙擊:雙擊語法區(qū)開頭吗伤,即!左側(cè)吃靠,選中包含定義符的整段文字
支持代碼直接高亮著色,這應(yīng)該是只有HBuilderX才有的功能足淆。注意需要在代碼區(qū)開頭指定語言類型
注釋
快捷鍵:Ctrl+/
智能雙擊:雙擊注釋首尾的定義符巢块,選中整段注釋
其他emmet快捷輸入
day后敲Tab捺球,當(dāng)前日期。注意day需在行首或前面有空格
time后敲Tab夕冲,當(dāng)前時間。注意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+鼠標(biāo)左鍵添加多光標(biāo),然后敲字或粘貼减拭,可批量處理蔽豺。Ctrl+鼠標(biāo)左鍵拖選,可選中多個選區(qū)拧粪。
- Ctrl+鼠標(biāo)右鍵刪除多光標(biāo)
- 不選內(nèi)容按Ctrl+C或X可復(fù)制或剪切整行
- 選中2個選區(qū)后修陡,按Ctrl+Shift+X,可互換選區(qū)內(nèi)容可霎。如無選區(qū)魄鸦,只是2個光標(biāo),則互換2行
- Ctrl+上下鍵可上下移動行
- Ctrl+Insert可重復(fù)插入當(dāng)前行癣朗,如果有選中內(nèi)容号杏,可重復(fù)插入選中內(nèi)容
- Ctrl+Shift+K可合并多行(是格式化Ctrl+K的反操作)
- 刪除
- 按Ctrl+D可刪除選中行,支持多光標(biāo)
- Shift+Del刪除到行尾
- Shift+Backspace刪除到行首
- 選擇
- Ctrl+E選相同詞(mac是Command+D)斯棒,連續(xù)按可選中多詞進(jìn)一步操作盾致,比替換更方便
- Ctrl+L可連選多行,Ctrl+Shift+L也是選擇行荣暮,但不選行首尾的空白字符
- Ctrl+=可逐級放大選區(qū)
- 雙擊標(biāo)題庭惜、列表符可選中相應(yīng)段落
- 雙擊英文引號、括號內(nèi)側(cè)穗酥,可選中內(nèi)部內(nèi)容
- 雙擊縮進(jìn)符护赊,可選中同縮進(jìn)段落
- 雙擊連字符比如-或_惠遏,可選中相連的詞,比如雙擊這里試試骏啰,uni-app
- 查找
- Ctrl+P查找文件
- Ctrl+Alt+F可在當(dāng)前目錄的所有文檔中搜索指定關(guān)鍵字(mac是Command+Shift+f)
- 選中文字按F3节吮,查找下一個,Shift+F3找上一個
- 云同步:HBuilderX+markdown用于云同步筆記的技巧判耕,請參考http://ask.dcloud.net.cn/article/13097
都學(xué)會了嗎透绩?
markdown語法其實很簡單,認(rèn)真學(xué)半小時就能掌握壁熄。
HBuilderX的極客操作則需要不停反復(fù)練習(xí)帚豪,熟練掌握這些技巧,你將成為高效極客草丧!