MarkDown語法幫助

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)題使用技巧:

  1. Emmet快速輸入:敲h2+Tab即可生成二級標(biāo)題【同HTML里的emmet寫法吃既,不止標(biāo)題,HX里所有可對應(yīng)tag的markdown語法均支持emmet寫法】趾访。僅行首生效
  2. 智能雙擊:雙擊#號可選中整個標(biāo)題段落
  3. 智能回車:行尾回車或行中Ctrl+Enter強制換行后會自動在下一行補#态秧。而連續(xù)2次回車后將自動補的#去掉。(體驗同word)
  4. 回車后再次按Tab可遞進(jìn)一層標(biāo)題扼鞋,再按Tab切換列表符
  5. 在# 后回車申鱼,可上插一個空標(biāo)題行【同word】,或任意位置按Ctrl+Shift+Enter也可以上插空標(biāo)題行
  6. 折疊:
    • 點標(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. 有序列表1 【設(shè)置或取消有序列表符的快捷鍵:Ctrl+Alt+1,可選中多行批量設(shè)置序號姻几;支持多光標(biāo)批量設(shè)置列表符宜狐,即按Ctrl+鼠標(biāo)左鍵添加多光標(biāo)】
  2. 有序列表2 【列表后回車會自動補序號】
  3. 有序列表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í)嘗試:

  1. 選中多行,按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”驰怎,批量設(shè)置列表符
  2. 如果需要跳行設(shè)置有序或無序列表阐滩,通過Ctrl+鼠標(biāo)左鍵點中目標(biāo)多行(可不連續(xù)),產(chǎn)生多光標(biāo)砸西,然后按快捷鍵Ctrl+Alt+“1”或“-”或“[”或“]”叶眉,可跳行設(shè)置列表符,尤其是有序列表芹枷,數(shù)字也會跳行加1
  3. 按Alt+鼠標(biāo)選中行首那列(列選擇)衅疙,這樣每行行首都有光標(biāo),然后再鍵入或刪除列表符即可批量操作
  4. 選中多行鸳慈,按快捷鍵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è)文本高效處理的手段

  1. 選中文字按Ctrl+\是在選區(qū)兩側(cè)添加光標(biāo),可以繼續(xù)輸入~~驻售,會在2側(cè)同時輸入
  2. 向2側(cè)擴大選擇:【W(wǎng)in:Alt+Shit+→ 残揉、Mac:Ctrl++Shit+→】;由2側(cè)向內(nèi)減少選擇:【W(wǎng)in:Alt+Shit+← 芋浮、Mac:Ctrl++Shit+←】

鏈接文字

  1. Emmet:a后敲Tab
  2. 打開鏈接:Alt+鼠標(biāo)單擊抱环;如果是本地文件,可通過Shift+Alt+單擊纸巷,在另一分欄打開文件
  3. 智能粘貼:粘貼URL會自動變成超鏈接格式镇草;粘貼本地文件進(jìn)來也會自動創(chuàng)建引用鏈接
  4. 智能雙擊:雙擊語法區(qū)開頭,即[左側(cè)瘤旨,選中包含定義符的整段文字

[圖片上傳失敗...(image-16a93c-1577350182133)]

  1. Emmet:img后敲Tab
  2. 智能粘貼:粘貼剪切板里的圖形時會自動保存為本md文檔的附件梯啤;刪除文檔中的圖片語法,保存md文檔時會自動刪除對應(yīng)的圖片附件存哲;粘貼圖片文件時自動變成鏈接引用格式因宇;
  3. 懸浮預(yù)覽:鼠標(biāo)移到圖片語法上,本地圖片會自動顯示出來
  4. 智能雙擊:雙擊語法區(qū)開頭祟偷,即!左側(cè)察滑,選中包含定義符的整段文字

表格

  1. Emmet:table3*3后敲Tab,表示生成3行3列的表格修肠,行首生效
  2. md表格對齊是傳統(tǒng)md的痛點贺辰,按下Ctrl+K可以自動整理表格格式(暫未兼容不同縮放模式和字體的情況)
  3. 支持從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í)帚豪,熟練掌握這些技巧,你將成為高效極客草丧!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末狸臣,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子昌执,更是在濱河造成了極大的恐慌烛亦,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件懂拾,死亡現(xiàn)場離奇詭異此洲,居然都是意外死亡,警方通過查閱死者的電腦和手機委粉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進(jìn)店門呜师,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人贾节,你說我怎么就攤上這事汁汗。” “怎么了栗涂?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵知牌,是天一觀的道長。 經(jīng)常有香客問我斤程,道長角寸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任忿墅,我火速辦了婚禮扁藕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘疚脐。我一直安慰自己亿柑,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布棍弄。 她就那樣靜靜地躺著望薄,像睡著了一般疟游。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上痕支,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天颁虐,我揣著相機與錄音,去河邊找鬼卧须。 笑死另绩,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的故慈。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼框全,長吁一口氣:“原來是場噩夢啊……” “哼察绷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起津辩,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤拆撼,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后喘沿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闸度,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年蚜印,在試婚紗的時候發(fā)現(xiàn)自己被綠了莺禁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡窄赋,死狀恐怖哟冬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情忆绰,我是刑警寧澤浩峡,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站错敢,受9級特大地震影響翰灾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜稚茅,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一纸淮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧亚享,春花似錦萎馅、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽飒货。三九已至,卻和暖如春峭竣,著一層夾襖步出監(jiān)牢的瞬間塘辅,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工皆撩, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留扣墩,地道東北人。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓扛吞,卻偏偏與公主長得像呻惕,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子滥比,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,927評論 2 355