各種HackMD排版指令

# 各種HackMD排版指令 :::info [toc] ::: 註: 本篇使用深色模式效果較好。 ### 分隔線 3個以上減號or星號。 :::spoiler 範例 --- ::: --- ### 清單 輸入 `- `or`* ` (空白鍵)。 :::info #### 可以使用巢狀結構(做縮排) ::: :::spoiler 範例: - 第一層 Hello - 第二層 World - 第三層 ! - 第四層 ::: --- ### 加入段落 1. 每一行都加上 `` (文字敘述......) `` ，這樣的空行比較穩定。 :::spoiler 範例: 第一行 第二行 ::: 2. 在文字最後加上 ` `。 :::spoiler 範例第一行 第二行 第三行 ::: ### 表情符號 打 `:` + `emoji代碼` + `:` 即可打出。查找表情代碼 :point_right: [Emoji Finder](https://hackmdio.github.io/emoji-datasource-finder/) (直接複製貼上即可)。```註: 並非全部都可使用``` :::spoiler 範例: 讚 :+1: `:+1:` 倒讚 :-1: `:-1:` 拳頭 :punch: `:punch:` ::: ## 文字效果 ### 粗體 選取文字後按下 `ctrl + b`。 :::spoiler 範例: **Hello World !** ::: ### 斜體 在**文字兩側**各加上 `1個星號(*)`。 :::spoiler 範例: *Hello World !* ::: ### 粗體+斜體 在**文字兩側**各加上 `2個星號(**)`。 :::spoiler 範例: ***Hello World !*** ::: --- ### 螢光重點 在**文字兩側**各加上 `2個等號(==)`。 :::spoiler 範例: ==Hello World !== ::: ### 透明底色 在文字**兩側**加上一點 (位於Tab鍵上面)。 :::spoiler 範例: `Hello World !` ::: --- ### 變更字體顏色 1. 自定義顏色使用 `` or `` 和 `` 前後包住想要變色的文字。色彩名稱對照參考 :point_right: [Color keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords) ``` Hello World! ``` :::spoiler 範例: Hello World! ::: 2. 重點顏色 (黃底+黃字) 使用`` 和 `` ``` 重要內容 ``` :::spoiler 範例: 重要內容 ::: --- ### 刪除線 前後加上`~~` ``` 我的天，~~作者好帥~~!! ``` :::spoiler 範例: 我的天，~~筆者好帥~~!! ::: --- ### 底線 前後加上`++` ``` ++Hello World !++ ``` :::spoiler 範例: ++Hello World !++ ::: ## 上標 & 下標 (常用於數學) ### 上標 前後加上`^` ``` a^2^ + b^2^ = c^2^ ``` :::spoiler 範例: a^2^ + b^2^ = c^2^ ::: ### 下標 前後加上`~` ``` A(x~1~,y~1~) , B(x~2~,y~2~) , C(x~3~,y~3~) ``` :::spoiler 範例: A(x~1~,y~1~) , B(x~2~,y~2~) , C(x~3~,y~3~) ::: ## 區塊 ### 程式碼區塊 使用三個點(Tab鍵上面)前後包圍。可以讓讀者直接複製。 :::spoiler 範例: ``` 這是一個程式碼區塊 ``` ::: --- ### 引用區塊 `>`引用區塊，`>>`子引用區塊，`>>>`子子引用區塊。 :::info #### 在>後面加上`[color=#色碼]`可以更改顏色。 ::: :::spoiler 範例: > [color=#C68EFD] 引用區塊 HELLO >>[color=#C68EFD] 子引用區塊 WORLD >>>[color=#C68EFD] 子子引用區塊 !!! ::: --- ### 收合功能 - &colon;::spoiler::: 用 `:::spoiler 開頭`，最後用 `:::` 結尾。 ``` :::spoiler 文字描述... ::: ``` 註: 在spoiler後面空一格打字，可變更收合文字。 :::spoiler 範例: 我本身就是範例。 ::: --- ### 色塊強調 全都用 `:::關鍵字` 開頭，最後用 `:::` 結尾，一共有四種樣式。 - &colon;::success :::success sucess 這是綠色色塊 ::: - &colon;::info :::info info 這是藍色色塊 ::: - &colon;::warning :::warning warning 這是黃色色塊 ::: - &colon;::warning :::danger danger 這是紅色色塊 ::: --- ### 目錄功能 使用`[toc]`即可，會自動查找有用到`#`的標題(最多到`###`)，通常會放在文章最前面，可搭配色塊強調一起做使用。 --- # #參考資料 [Markdown: Syntax](https://markdown.tw/#p) [HackMD 快速入門教學](https://hackmd.io/c/tutorials-tw/%2Fs%2Ftutorials-tw) [使用 HackMD 管理並撰寫筆記 (Markdown, CSS, Excel 表格, 標籤分類, 書本模式)](https://www.youtube.com/watch?v=8ZlzUqXf6_4&t=382s) [Markdown 總複習](https://hackmd.io/@HungTengKuei/Markdown/https%3A%2F%2Fhackmd.io%2FuTcd7A-2TCyteqyDtmc0lA) # 後言這是我第一次在MackMD上寫筆記，一邊學習一邊實作，希望這篇可以幫助到需要的人，更詳細的內容可以看我的參考資料。由於目前對GitHub、CSS、HTML都還不熟悉，所以有些東西沒有加上(尚無法理解:cry: ) ，未來可能會再補上。