Try   HackMD

標題語法

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
#符號越多代表文字大小越小。

如下打法 :

# H1     
## H2    
### H3   
#### H4  
##### H5 
###### H6

會顯示成:

H1

H2

H3

H4

H5
H6

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
注意#字號後面要接一個空格


換行語法

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
在句子最尾端加上兩個空格,就會換行。

例如以下的打法:
Hello world!
Hello there!

在"Hello world!"後面加上兩個空格,就會跳到下一行。


強調字體語法

字體 打法 結果
斜體 *hello* hello
粗體 **hello** hello
粗斜體 ***hello*** hello
刪除線 ~~hello~~ hello

引用語法

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
在句首加上一個>,代表第一層引用,兩個>,代表第二層引用,以此類推。
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
想要退回某一層引用,必須先在下一行輸入當前層數的>,然後再換行,再輸入想要層數的>

如下的打法:

>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

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →


列表語法

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
有序清單

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
直接上範例:

1. sport
    1. football
    2. tennis
    3. swim
2. fruit
3. country

結果如下:

  1. sport
    1. football
    2. tennis
    3. swim
  2. fruit
  3. country

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
無序列表

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
直接上範例:

- sport
- fruit
    - apple
    - grapes
    - watermelon
- country

結果如下:

  • sport
  • fruit
    • apple
    • grapes
    • watermelon
  • country

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
注意兩件事:
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
要進到內層清單必須用一個tab或4個空格。
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
清單符號和標題的第一個字之間必須有一個空格。

分隔線

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
分隔線可以用--- 或者***或者___

hello!
(空白行)
---(分隔線)
(空白行)
goodbye!

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
分隔線上下必須要有空白行。


代碼語法

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
在文字的前後都加上`
例如:`hello`
就會顯示hello


嵌入程式

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
在程式碼的最上行和最下行加上```
如下:
```
#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!";
}

連結語法

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
語法:[連結名稱](連結網址)

如下:
[請點擊前往youtube](https://www.youtube.com/)

結果顯示:
請點擊前往youtube

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
給連結一些簡要說明(title)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
直接上範例:
[請點擊前往youtube](https://www.youtube.com/ "請去看廢片")

結果顯示(請試著將鼠標移至連結名稱,不需點擊):
請點擊前往youtube

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
直接變成網址

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
語法:<連結網址>
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
直接上範例:<https://www.youtube.com/>或是<0000workjason@gmail.com>

結果顯示:
https://www.youtube.com/或是0000workjason@gmail.com


嵌入圖片

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
無連結的圖片

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
語法: ![圖片名稱](圖片連結 "圖片說明")
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
直接上範例: ![xp桌布](https://hackmd.io/_uploads/BJS6NNWj3.jpg "xp桌布")

結果顯示:

xp桌布

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
有連結的圖片

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
語法:[![圖片名稱](圖片連結 "圖片說明")](連結網址)
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
直接上範例: [![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桌布


表格

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
語法及範例:

|欄位1|欄位2|欄位3|欄位4|
|:--(置左)|:--:(置中)|--:(置右)|---(預設)|
|text|text|text|text|

結果如下:

欄位1 欄位2 欄位3 欄位4
text text text text

跳脫字元

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
說明: 有些字元是markdown語法裡會使用到的,為了是這些字原始地呈現,故在字元前會加上反斜線
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
\+字元


待辦項目(checkout)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
語法:

- [ ] uncheck
- [x] check

結果顯示:

  • uncheck
  • check

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
注意空格!!