HackMD 超快速上手 === 開始編輯 --- 按下編輯頁面左上角 <i class="fa fa-columns"></i> 按鈕,切換到**雙欄模式** 左側編輯;右側檢視結果 ![](https://i.imgur.com/b1d6gpU.png) ## 1. 標題 在行首輸入 `#` 再加上空白與標題文字 ![](https://i.imgur.com/fyFgCez.png =300x) **範例:** ``` # h1 ## h2 ``` **結果:** # h1 ## h2 ## 2. 清單 在行首輸入 `-` 或是 `1.` 再加上空白與項目文字 **範例:** ``` - task1 - task2 - sub-task 1. no1 2. no2 1. sub-no ``` **結果:** - task1 - task2 - sub-task 1. no1 2. no2 1. sub-no ## 3. 引用區塊 在行首輸入 `>` 再加上空白與引用文字 **範例:** ``` > blockquote >> sub-blockquote ``` **結果:** > blockquote >> sub-blockquote ## 4. 粗體、斜體 將文字兩側加上 `*` 使用一個 `*` 為斜體;使用兩個 `*` 為粗體 或是直接選取一段文字,按上方的工具列的 <i class="fa fa-bold"></i> 變成粗體;<i class="fa fa-italic"></i> 變成斜體 ![](https://i.imgur.com/0nbF1M6.png =600x) **範例:** ``` *italic* **bold** ``` **結果:** *italic* **bold** ## 5. 圖片 將圖片直接拖曳到編輯器、複製圖片後直接在編輯器貼上,會自動上傳與插入 **範例:** ``` ![](https://hackmd.io/favicon.png) ``` **結果:** ![](https://hackmd.io/favicon.png) ## 6. 影片 先輸入 `{}`,會看到自動完成 ![](https://i.imgur.com/e2dWOvX.png =300x) 再按下列步驟: - 在自動完成中選擇影片來源 (youtube 或 vimeo) - 如選 youtube,文字變成 `{%youtube youtubeid %}` - 如影片連結是:`https://www.youtube.com/watch?v=PJuNmlE74BQ` - 替換文字 `youtubeid` 成影片連結的 id,就是 `PJuNmlE74BQ` - 完成的影片文字:`{%youtube PJuNmlE74BQ %}` **結果:** {%youtube PJuNmlE74BQ %} --- ### 相關功能 - [在筆記中貼入程式碼](https://hackmd.io/s/Hk8sclbq7) - [如何撰寫數學式及圖表](https://hackmd.io/s/Sy3-Z2Lqm) ### 常見功能 - [如何刪除筆記](https://hackmd.io/s/rJrvQDm97) - [儲存我的筆記](https://hackmd.io/s/HkDYdjLcX) - [幫筆記加上標籤](https://hackmd.io/s/S1wjouv5X) &nbsp; ###### tags: `tutorials`