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

+ 無序清單
- 無序清單
    + 無序清單
* 無序清單
    * 無序清單
        + 無序清單

1. 有序清單
2. 有序清單
    1. 有序清單
        1. 有序清單
    3. 有序清單

> 引用區塊
> > 巢狀引用區塊

> 您可以使用以下語法，表明自己的 **姓名、時間與顏色** 並與其他的引用區塊做區別
> [name=ChengHan Wu] [time=Sun, Jun 28, 2015 9:59 PM] [color=#907bf7]
> > 也支援巢狀引用區塊喔！
> > [name=ChengHan Wu] [time=Sun, Jun 28, 2015 10:00 PM] [color=red]

---
___
***

// Some comments
line 1 of code
line 2 of code
line 3 of code

Sample text here...

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

def foo(bar):
    return bar + 1
    
print(foo(5))

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

st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
op2=>operation: 啦啦啦
cond=>condition: 是或否？

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

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
}

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:|

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {"url": "https://vega.github.io/editor/data/barley.json"},
  "mark": "bar",
  "encoding": {
    "x": {"aggregate": "sum", "field": "yield", "type": "quantitative"},
    "y": {"field": "variety", "type": "nominal"},
    "color": {"field": "site", "type": "nominal"}
  }
}

graph graphname { 
    動物 -- 脊索動物;
    脊索動物 -- 哺乳類;
    動物 -- 寵物;
}

digraph hierarchy {
    root [label="{<f0> 電話|<f1> 數字鍵盤\n撥號(), 接聽()\n輸入(), 顯示()}" shape=Mrecord];
    
    phone [label="{<f0> 市話|<f1> 電話線}" shape=Mrecord];
    cellphone [label="{<f0> 手機| <f1> SIM卡}" shape=Mrecord];
    
    classic [label="{<f0> 按鍵式手機| <f1> 鍵盤\n\<覆寫\>輸入()\n\<覆寫\>顯示()}" shape=Mrecord];
    smart [label="{<f0> 智慧型手機| <f1> 觸控螢幕\n\<覆寫\>輸入()\n\<覆寫\>顯示()}" shape=Mrecord];
    
    android[label="{<f0> 安卓手機|<f1> 安卓才有的硬體\n安卓才有的功能()}" shape=Mrecord];
    apple[label="{<f0> 蘋果手機|<f1> 蘋果才有的硬體\n蘋果才有的功能()}" shape=Mrecord];
    
    root->{phone:f0 cellphone:f0}
    cellphone->{classic:f0 smart:f0}
    smart->{android apple}
                
    {rank=same; phone cellphone}  // Put them on the same level
}