Markdown語法

• Markdown語法
  • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 初階入門者必備
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 設定 標題、層級與標籤(tag)
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 圖示與emoji( Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → )
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 粗體 斜體 刪除線 底線 上標 下標超鏈結google Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More →
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 無序與有序清單(列表)
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 表格
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 插入圖片
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 程式碼區塊
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → 區塊(顏色)
    • Image Not Showing Possible Reasons The image file may be corruptedThe server hosting the image is unavailableThe image path is incorrectThe image format is not supported Learn More → To-do List
    • 數學方程式
    • 流程圖

tags: Markdown HackMD

初階入門者必備

設定 標題、層級與標籤(tag)

#

設定 標題、層級與標籤(tag)

H1	H2	H3	…	tags
# h1	## h2	### h3	#…	######tags:

若層級設好之後，使用[toc]指令，可以自動產生目錄樹

圖示與emoji()

:

ICON與emoji emoji有非常多，可以到 emoji列表看看

粗體 斜體 刪除線 底線 上標 下標超鏈結google

粗體 斜體 刪除線 底線 上^標 下_標 超鏈結google

[markdown]語法
**粗體**  *斜體*  ~~刪除線~~ ++底線++ 上^標^ 下~標~ [超鏈結google](http://www.google.com):link:

無序與有序清單(列表)

無序列表

早上起床第一件事

• 關鬧鐘
• A1
• A2

• 刷牙
• B1
• B2

• 上廁所
• C1
• C2

[markdown]語法
早上起床第一件事 
+ 關鬧鐘
+ A1
+ A2
- 刷牙
- B1
- B2
* 上廁所 
* C1
* C2

有序列表 早上起床第一件事

1. 關鬧鐘
2. 刷牙
3. 上廁所

[markdown]語法
有序列表
早上起床第一件事 
1. 關鬧鐘 
2. 刷牙 
3. 上廁所 

表格

Column 1	Column 2	Column 3
Text	Text	Text

:–-靠左 :–-:置中 –-:靠右

[markdown]語法
| Column 1 | Column 2 | Column 3 |
|  :----   |  :-----: |  ----:   |
| Text     | Text     | Text     |

插入圖片

[markdown]語法
![Funny Dog](https://i.imgur.com/upz9JMY.jpeg "A cute dog")
![image alt](https://i.imgur.com/upz9JMY.jpeg =200x) 
第二個圖可以指定像素px，依照比例縮放

程式碼區塊

markdown的程式碼區塊用連續的```+程式語言(檔案格式)， 再用```做結尾，我們以python c json為例來示範一下

1. json : ‵‵‵json= 與 ```json=

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

[markdown]語法 ```json= { "firstName": "John", "lastName": "Smith", "age": 25 } ```

2. c/c++ : ‵‵‵c= 與 ```clike=

printf();

3. python : ‵‵‵python=

print("Hello!")

4. 一小段程式碼prinf('Hello') 輸出 Hello

[markdown]語法
一小段程式碼`prinf('Hello')` 輸出 Hello

區塊(顏色)

[markdown]語法
:::success
:::

[markdown]語法
:::info
:::

[markdown]語法
:::warning
:::

[markdown]語法
:::danger
:::

Click me!

Supprised!

[markdown]語法
:::spoiler Click me!
Supprised!
:::

To-do List

• 選項A
• 選項B
  • 選項B-1
  • 選項B-2
    • 選項Ｂ-2-1
    • 選項Ｂ-2-2
• 選項C

[markdown]語法
- [ ] 選項A
- [x] 選項B
    - [ ] 選項B-1
    - [x] 選項B-2
        - [ ] 選項Ｂ-2-1
        - [x] 選項Ｂ-2-2
- [ ] 選項C

數學方程式

1. 二次方程式的公式解
   $$x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$$

流程圖

1. 循序圖

2. 流程圖

3. 甘特圖

• And MORE ➜ HackMD Tutorials Author - 林奇賢