---
# System prepended metadata

title: HackMD

---

## HackMD語法練習-20112陳文昱 

## 1.標題
#符號多少決定字體大小
#h1
##h2
###h3
####h4
######h5
#######h6

## 2.清單
        
### 無序清單 
無序清單用半形星號、加號或減號，在一個空白
例: 考試科目
* 國文
+ 英文
+ 數學
- 物理
- 化學
- 生物
- 地科

### 有序清單
有序清單用數字、點(或右括號)與空白
例:作業
1. 國文作文
2. 英文單字
3. 數學公式背誦
4) 寫程式 

### 代辦清單
代辦清單:清單後面在加中括號與空白或x(小寫)
例: 周末採購零食
+ [x] 熱狗
+ [ ] 洋芋片
+ [ ] 可樂

### 第二層清單
按Tab或2個空白形成第二層清單
例:準備考試項目
+ 英文
    + 單字
        + 第一課
        + 第二課
* 數學
    * 公式
        * 方程式
        
## 3.字體變化
* 斜體:*一個星號或底線* → *斜體*
* 粗體:**兩個星號或底線** → **粗體**
* 刪除線:~~兩個Tilde(波浪號)~~ → ~~刪除線~~
* 底線:++兩個加號++ → ++底線++
* 高量:==兩個等號== → ==高亮==
* 上標:兩個^，如 1024^16^ → ^上標^
* 下標:兩個~，如 H~2~O~2~→ ~下標~
* 
## 4.Emoji繪文字
格式:用兩個冒號夾住，:Emoji代碼:
:abcd: 
:love_letter: 
:sun_with_face:  :three:  :moon: :four: 

## 5.程式碼
文字之間使用:前後用一個倒引號(
* 一段獨立指令馬區塊
    * 第一行與最後一行用三個倒引號開頭
    * 第一行倒引號後面可以接程式語言名稱
    * 程式語言明成=則會以語法強調格式呈現→```python= ```或cpp=
例: 高一學的第一支C++程式
```cpp=
#include<iostream>
using namespace std;
int main(){
  cout<<"我要Pass!"<<endl;
  cout<<"我要Pass!"<<endl;
  cout<<"我要Pass!"<<endl;
    return 0;
}
```
## 6.連結
`連結格式[文字](網址)或[文字](網址"提示文字")`
[國立北門高中](https:///www.bmsh.tn.edu.tw)
[我最愛的網站](https:///www.yahoo.com.tw "Yahoo奇摩")

## 7.圖片 
`圖片格式:![文字](網址)或![文字](網址 =寬x高)或![文字](網址 =50%x)`
![ ](https://i.imgur.com/Bltw7pn.jpg =50%x)
![ ](https://i.imgur.com/O7fhBZk.png)
* 自選圖片
![](https://hackmd.io/_uploads/H1rPjhLAh.jpg =100%x)
![](https://i.imgur.com/c93aqMB.jpg)

## 8.外部資源
格式:{%資源名稱 參考代碼 %}
**注意:請使用 https 的網址,否則可能會被您的瀏覽器阻擋載入**
* 資源名稱
* Youtube {%youtube 1G4isv_Fylg %}
* Vimeo {%vimeo 124148255 %}
* gist {%gist schacon/4277 %}
* Slidshare {%slideshare briansolis/26-disruptive-technology-trends-2016-2018-56796196 %}
* Speakerdeck {%speakerdeck sugarenia/xxlcss-how-to-scale-css-and-keep-your-sanity %}
* PDF
○ {%pdf https://ws.moi.gov.tw/Download.ashx?u=LzAwMS9VcGxvYWQvT2xkRmlsZV9USk5QL1Jlc3VsdC8yMDE3MTIwNTE1MDM0NzQ1NTY3Ny5wZGY%3D&n=MjAxNzEyMDUxNTAzNDc0NTU2NzcucGRm&icon=..pdf %}

例1:北中足球-沙克男孩
{%youtube djgGNhyecI0%}
例2:美秀集團-心悶
{%youtube k1YQE3YeMyw%}

## 9.圖表功能
* MathJax 
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}.
$$

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

* 五線譜
```abc
X:1
T:Speed the Plough
M:4/4
C:Trad.
K:G
|:GABc dedB|dedB dedB|c2ec B2dB|c2A2 A2BA|
GABc dedB|dedB dedB|c2ec B2dB|A2F2 G4:|
|:g2gf gdBd|g2f2 e2d2|c2ec B2dB|c2A2 A2df|
g2gf g2Bd|g2f2 e2d2|c2ec B2dB|A2F2 G4:|
```

UML 圖表
---
### 循序圖

```sequence
艾莉絲->包柏: 哈摟，你好嗎？
Note right of 包柏: 包柏思考中
包柏-->艾莉絲: 我很好，謝謝！
Note left of 艾莉絲: 艾莉絲回應
艾莉絲->包柏: 最近過得怎樣？
```

### 流程圖

您可以像是以下使用流程圖：
```flow
st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
op2=>operation: 啦啦啦
cond=>condition: 是或否？

st->op->op2->cond
cond(yes)->e
cond(no)->op2
```

### Graphviz
```graphviz
digraph hierarchy {

                nodesep=1.0 // increases the separation between nodes
                
                node [color=Red,fontname=Courier,shape=box] //All nodes will this shape and colour
                edge [color=Blue, style=dashed] //All the lines look like this

                Headteacher->{Deputy1 Deputy2 BusinessManager}
                Deputy1->{Teacher1 Teacher2}
                BusinessManager->ITManager
                {rank=same;ITManager Teacher1 Teacher2}  // Put them on the same level
}
```

# 10.提示區塊

* 格式:
    * 第一行是:::提示種類
    * 最後一行是:::
* 提示種類:
    * success
    * info
    * warning
    * danger
* 分隔線:三個或以上的星號、減號、底線
* 區塊引用:>`


例:
:::success
綠色區塊
:::
:::info
藍色區塊
:::
:::warning
黃色區塊
:::
:::danger
紅色區塊
:::
:::spoiler 秘密    

:::

***
---
___