# 標題語法 :dart: `#`符號越多代表文字大小越小。 如下打法 : ``` # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 ``` 會顯示成: # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 **:bug: 注意`#`字號後面要接一個空格** --- # 換行語法 :dart: 在句子最尾端加上兩個空格，就會換行。 例如以下的打法: `Hello world! ` `Hello there!` 在"Hello world!"後面加上兩個空格，就會跳到下一行。 --- # 強調字體語法 | 字體 | 打法 | 結果 | | --- | --- | --- | | 斜體 |`*hello*`|*hello*| | 粗體 |`**hello**`|**hello**| |粗斜體|`***hello***`|***hello***| |刪除線|`~~hello~~`|~~hello~~| --- # 引用語法 :dart: 在句首加上一個`>`，代表第一層引用，兩個`>`，代表第二層引用，以此類推。 :dart: 想要退回某一層引用，必須先在下一行輸入當前層數的`>`，然後再換行，再輸入想要層數的`>`。 如下的打法: ``` >Hello World! Today is 2023/07/28! I lives in Taichung temporarily, and it's rain day today. >>I ate nothing for breakfast... >>>because I woke up in afternoon! >>> >>Hope I can get up earlier tomorrow! >>>Maybe... ``` 會顯示: >Hello World! Today is 2023/07/28! I lives in Taichung temporarily, and it's raining day today. >>I ate nothing for breakfast... >>>because I woke up in afternoon! >>> >>Hope I can get up earlier tomorrow! >>>Maybe... >>> >:cry::cry: --- # 列表語法 ### :see_no_evil: 有序清單 :dart: 直接上範例: ``` 1. sport 1. football 2. tennis 3. swim 2. fruit 3. country ``` 結果如下: 1. sport 1. football 2. tennis 3. swim 2. fruit 3. country ### :see_no_evil: 無序列表 :dart: 直接上範例: ``` - sport - fruit - apple - grapes - watermelon - country ``` 結果如下: - sport - fruit - apple - grapes - watermelon - country **:bug: 注意兩件事:** :warning: 要進到內層清單必須用一個tab或4個空格。 :warning: 清單符號和標題的第一個字之間必須有一個空格。 # 分隔線 :dart: 分隔線可以用`---` 或者`***`或者`___`。 ``` hello! (空白行) ---(分隔線) (空白行) goodbye! ``` **:bug:分隔線上下必須要有空白行。** --- # 代碼語法 :dart: 在文字的前後都加上`` ` `` 例如:`` `hello` `` 就會顯示`hello` --- # 嵌入程式 :dart: 在程式碼的最上行和最下行加上` ``` ` 如下: \`\`\` #include\<iostream> using namespace std; int main(int argc,char** argv){ [tab]cout<<"hello world!"; } \`\`\` 結果顯示: ``` #include<iostream> using namespace std; int main(int argc,char** argv){ cout<<"hello world!"; } ``` --- # 連結語法 :dart: 語法:`[連結名稱](連結網址)` 如下: `[請點擊前往youtube](https://www.youtube.com/)` 結果顯示: [請點擊前往youtube](https://www.youtube.com/) ### :see_no_evil: 給連結一些簡要說明(title) :dart: 直接上範例: `[請點擊前往youtube](https://www.youtube.com/ "請去看廢片")` 結果顯示(請試著將鼠標移至連結名稱，不需點擊): [請點擊前往youtube](https://www.youtube.com/ "請去看廢片") ### :see_no_evil: 直接變成網址 :dart: 語法:`<連結網址>` :dart: 直接上範例:`<https://www.youtube.com/>`或是`<0000workjason@gmail.com>` 結果顯示: <https://www.youtube.com/>或是<0000workjason@gmail.com> --- # 嵌入圖片 ### :see_no_evil: 無連結的圖片 :dart: 語法: `![圖片名稱](圖片連結 "圖片說明")` :dart: 直接上範例: `![xp桌布](https://hackmd.io/_uploads/BJS6NNWj3.jpg "xp桌布") ` 結果顯示: ![xp桌布](https://hackmd.io/_uploads/rJqXSVbsn.jpg "xp桌布") ### :see_no_evil: 有連結的圖片 :dart: 語法:`[![圖片名稱](圖片連結 "圖片說明")](連結網址)` :dart: 直接上範例: `[![xp桌布](https://hackmd.io/_uploads/ryuuLNZih.jpg "xp桌布")](https://www.google.com/maps/@38.2496689,-122.4097822,3a,75y,92.42h,100.97t/data=!3m7!1e1!3m5!1smGt3LX36aABraF0Tlu6csQ!2e0!6shttps:%2F%2Fstreetviewpixels-pa.googleapis.com%2Fv1%2Fthumbnail%3Fpanoid%3DmGt3LX36aABraF0Tlu6csQ%26cb_client%3Dmaps_sv.tactile.gps%26w%3D203%26h%3D100%26yaw%3D162.66418%26pitch%3D0%26thumbfov%3D100!7i16384!8i8192?authuser=0&entry=ttu)` 結果顯示: [![xp桌布](https://hackmd.io/_uploads/ryuuLNZih.jpg "xp桌布")](https://www.google.com/maps/@38.2496689,-122.4097822,3a,75y,92.42h,100.97t/data=!3m7!1e1!3m5!1smGt3LX36aABraF0Tlu6csQ!2e0!6shttps:%2F%2Fstreetviewpixels-pa.googleapis.com%2Fv1%2Fthumbnail%3Fpanoid%3DmGt3LX36aABraF0Tlu6csQ%26cb_client%3Dmaps_sv.tactile.gps%26w%3D203%26h%3D100%26yaw%3D162.66418%26pitch%3D0%26thumbfov%3D100!7i16384!8i8192?authuser=0&entry=ttu) --- # 表格 :dart:語法及範例: ``` |欄位1|欄位2|欄位3|欄位4| |:--(置左)|:--:(置中)|--:(置右)|---(預設)| |text|text|text|text| ``` 結果如下: |欄位1|欄位2|欄位3|欄位4| |:--|:--:|--:|---| |text|text|text|text| --- # 跳脫字元 :dart:說明: 有些字元是markdown語法裡會使用到的，為了是這些字原始地呈現，故在字元前會加上反斜線`＼` :arrow_right: `\+字元` --- # 待辦項目(checkout) :dart: 語法: ``` - [ ] uncheck - [x] check ``` 結果顯示: - [ ] uncheck - [x] check **:bug: 注意空格!!**