markdown語法

来源:https://www.cnblogs.com/lovesz/archive/2022/07/12/16465752.html
-Advertisement-
Play Games

markdown - 更簡潔、更高效 強烈建議開發者認真閱讀本文檔，掌握md及HBuilderX對md的強大支持。 窄屏幕下，可按Alt+滾輪橫向滾動 很多人只把markdown用於網路文章發表，這糟蹋了markdown。 markdown不止是HTML的簡化版，更重要的是txt的升級版、word的 ...


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 【列表後回車會自動補序號】
  3. 有序列表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+←】

鏈接文字

  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】

=============

代碼區

	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的極客操作則需要不停反覆練習，熟練掌握這些技巧，你將成為高效極客！


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 騰訊雲資料庫聯手宇信科技發佈聯合方案，全面助力金融科技安全可控
    近日，騰訊雲聯手宇信科技，共同完成了信貸平臺、數據中台、手機銀行等核心金融業務的聯合解決方案，以及雙向適配認證、深度測試和優化工作，並已在某頭部農商行、某頭部城商行投產運行。未來，雙方將在信貸系統和國產資料庫的深度適配測試、監管報送國產化聯合方案、雲原生PaaS平臺雙向適配認證等領域持續推進合作。 ...
  • Postgres14.4（Docker安裝）
    Postgres14.4（Docker安裝） 一，Docker拉取鏡像 docker pull postgres:14.4 #檢查鏡像是否拉取成功 docker images | grep postgres 二，新建掛載目錄，並運行容器 mkdir -p /data/postgre/data doc ...
  • AI2(App Inventor 2) 離線版
    多媒體時代，音頻作為內容傳播中的重要形式，因其不受空間限制、認知負擔小、聲音元素多樣化等特點，廣泛應用於短視頻製作、兒童線上教育、有聲閱讀、游戲等領域產品，在各種形式的音頻呈現過程中，合理添加音效能夠帶給用戶更具氛圍感的沉浸式聲音體驗。HMS Core音頻編輯服務為助力全球開發者快速構建各類應用音頻 ...
  • vue2,vue指令和選項
    vue特點 mvvm框架 響應式(聲明式) 組件化(支持自定義組件) 豐富的指令(Dom功能的抽象) 基於選項(template，data，computed，watch，methods) vue文檔集中ue Vue生態豐富且簡單 漸進式() Veu和Dom開發思想 Dom開發思想：當我們需要在交互事 ...
  • 微信小程式介面請求/form-data/單文件、多文件上傳
    1、普通的微信請求封裝 1 const http = (options) =>{ 2 return new Promise((resolve,reject) => { 3 wx.request({ 4 url: options.url, 5 method:options.method || 'get ...
  • 20220712_第七小組_張紅睿_學習筆記
    知識點 JavaScript部分函數 Array： concat()：連接兩個數組。 join()：設置分隔符連接數組成一個字元串。 pop()：刪除最後一個元素。 sort()：排序 Global： isNaN()：判斷一個值是不是數字。 parseInt()：轉換成整數。 parseFloat( ...
  • 原型&繼承題目及內容解答
    這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 1. 代碼輸出結果 function Person(name) { this.name = name } var p2 = new Person('king'); console.log(p2.__proto__) //Person.pr ...
  • Vue+ElementUI封裝簡易麵包屑組件
    在實際項目中麵包屑是非常常見的一個功能，用於切換層級選項 當然有的公司會使用TagsView導航欄，這個後續在做介紹 今天分享一個簡易的麵包屑組件，這邊配合ui庫進行封裝 安裝依賴，在main.js中引入 yarn add element-ui import Vue from 'vue' impor ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類