Markdown - HackMD

# Markdown ###### tags: `Markdown` `code` <style> table, thead, tbody { width: 100%; word-break: normal; } table th:nth-child(1), table td:nth-child(1) { width: 25%; } table th:nth-child(3), table td:nth-child(3) { width: 20%; } .table + table th, .table + table td { width: initial; } .table + table td:not(:nth-child(1)) { font-size: .875em; } .table + table th, .table + table td:nth-child(1) { text-align: center; } /* h2 { background: linear-gradient(to bottom, transparent 0%,transparent 50%,#fff000 50%,#fff000 100%); width: fit-content; font-weight: 700 !important; border: none !important; } .summary h2 { background: transparent !important; width: 100%; border-top: 2px solid black !important; border-bottom: 1px solid #ccc !important; } */ </style> ## 標題 ``` # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 ``` ># h1 >## h2 >### h3 >#### h4 >##### h5 >###### h6 --- ## 字型 ### 斜體 ``` *斜體* _斜體2_ ``` *斜體* _斜體2_ --- ### 粗體 ``` **粗體** __粗體2__ ``` **粗體** __粗體2__ --- ### 斜粗體 ``` ***斜粗體*** ``` ***斜粗體*** --- ### 底線 ``` ++底線++ ``` ++底線++ --- ### 刪除線 ``` ~~刪除線~~ ``` ~~刪除線~~ --- ### 上下標 ``` 正常^上標^ 正常~下標~ ``` 正常^上標^ 正常~下標~ --- ### 螢光 ``` ==螢光== ``` ==螢光== --- ### 文字凸顯 ``` `文字凸顯` ``` `文字凸顯` --- ## 行內程式碼 ``` `<strong>`我就爛`</strong>` ``` `<strong>`我就爛`</strong>` --- ## 引用 ``` >引用1 >>引用2 >>>引用3 ``` >引用1 >>引用2 >>>引用3 --- ## 超連結 ``` <https://www.google.com/> [連結文字]<https://www.google.com/> ``` <https://www.google.com/> [連結文字](https://www.google.com/) --- ## 清單 ``` 1. 數字清單 2. 數字清單 3. 數字清單 - 這是清單 + 這也是清單 * 這同樣是清單 - 清單子項目 - 清單子項目的子項目 ``` 1. 數字清單 2. 數字清單 3. 數字清單 - 這是清單 + 這也是清單 * 這同樣是清單 - 清單子項目 - 清單子項目的子項目 --- ## 定義解釋 ``` A : A的解釋 B ~ B的定義 ``` A : A的解釋 B ~ B的定義 --- ## 分隔線 ``` 1. --- 2. *** 3. - - - 4. * * * ``` 1. --- 2. *** 3. - - - 4. * * * --- ## 圖片 ``` ![圖片名](位置) 或 ![](位置) ``` <img src="https://cdn.ecommercedns.uk/files/3/206443/7/5911107/esp8266-inuse.jpg" width="300"> --- ## 數學公式 (GitHub 不支援) ``` $f(x)=10$ ``` $f(x)=10$ --- ## 支援 HTML 語法 ``` <div> 範例內容<br /> 範例內容<br /> 使用 HTML 連結語法 <a href="http://www.google.com" target="_blank">Google</a><br /> 含有<span style="color:#ff00ff"> *顏色* </span>的段落內容 </div> ``` <div> 範例內容<br /> 範例內容<br /> 使用 HTML 連結語法 <a href="http://www.google.com" target="_blank">Google</a><br /> 含有<span style="color:#ff00ff"> *顏色* </span>的段落內容 </div> --- ## 程式碼 \``` 程式碼 \``` \```程式類型= 行號+程式碼 \``` ``` #include <stdio.h> int main(){ printf("Hello World"); return 0; } ``` ```c= #include <stdio.h> int main(){ printf("Hello World"); return 0; } ``` --- ## 表情符號 [太多了，請參考](https://www.webfx.com/tools/emoji-cheat-sheet) --- ## 表格 ``` | thead 1 | thrad 2 | thread 3 | |---------|---------|----------| | td | td | td | ``` | thead 1 | thrad 2 | thread 3 | |---------|---------|----------| | td | td | td | --- 表格、對齊方式、文字樣式 ``` | A | B | C | D | |:--- | --- |:---: | ---: | | XXXXXXXXXX | XXXXXXXXXX | XXXXXXXXXX | XXXXXXXXXX | | 靠左 | 預設 | 置中 | 靠右 | | A1 | B1 | C3 | D1 | | `凸顯字` | B2 | C2 | D2 | | *斜體字* | **粗體字** | <u>底線</u>| ~~刪除線~~ | ``` | A | B | C | D | |:--- | --- |:---: | ---: | | XXXXXXXXXX | XXXXXXXXXX | XXXXXXXXXX | XXXXXXXXXX | | 靠左 | 預設 | 置中 | 靠右 | | A1 | B1 | C3 | D1 | | `凸顯字` | B2 | C2 | D2 | | *斜體字* | **粗體字** | <u>底線</u>| ~~刪除線~~ | --- ## 短區塊 ``` `短區塊` ``` >`短區塊` --- ## 待辦事項 ``` - [ ] 工作 - [x] ~~休息~~ - [X] ~~睡覺~~ ``` - [ ] 工作 - [x] ~~休息~~ - [X] ~~睡覺~~ --- ## 跳脫 ``` \## \``` ``` \## \``` --- ## 圖表   參考: [mermaid](https://mermaid.js.org/intro/) [Draw Diagrams With Markdown](https://support.typora.io/Draw-Diagrams-With-Markdown/) --- [Tab]縮排行末按兩個空格産生斷行 (．↲)。