---
# System prepended metadata

title: hackmd功能測試
tags: [小技巧]

---

---
tags: 小技巧
---

# hackmd功能測試


## 插入圖片
![](https://i.imgur.com/okAd5MM.gif)

## mermaid-1
```mermaid
    
gantt
    title A Gantt Diagram

    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    anther task      : 24d
```
## mermaid-2
```mermaid
    
graph LR
    id1(圆角矩形)--普通线-->id2[矩形]
    subgraph 子图表
        id2==粗线==>id3{菱形}
        id3-.虚线.->id4>右向旗帜]
        id3--无箭头---id5((圆形))
        id5-->id6
        id5-->id7
    end
    
```

## 數學公式

$$x_3$$


## sequence
```sequence
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
Note left of Alice: Alice responds
Alice->Bob: Where have you been?
Bob-->Jack: I am good thanks!
```

## flow
```flow
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

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

```


## 符號

:heart:

## 顏色標籤
- [color=#fc4993]
- [color=#66e8d6]

## 人事時地物
- [name=Hui-Yu Huang] 人
- [time=Fri, Jun 21, 2019 9:41 AM] 時
- [link text](https:// "title") 參考
- [DeepWalk: Online Learning of Social Representations](/uJmspQfzTjWzGuSEaWaM5g) 連到另一個hackmd

## 螢光筆
ttttt==tt==t

## 刪除號
t~~tt~~t

## 分隔線
***

## graphviz
```graphviz
digraph {
  compound=true
  rankdir=RL

  graph [ fontname="Source Sans Pro", fontsize=20 ];
  node [ fontname="Source Sans Pro", fontsize=18];
  edge [ fontname="Source Sans Pro", fontsize=12 ];


  subgraph core {
    c [label="Hackmd-it \ncore"] [shape=box]
  }
  
  c -> sync [ltail=session lhead=session]

  subgraph cluster1 {
     concentrate=true
    a [label="Text source\nGithub, Gitlab, ..."] [shape=box]
    b [label="HackMD Editor"] [shape=box]
    sync [label="sync" shape=plaintext ]
    b -> sync  [dir="both"]
    sync -> a [dir="both"]
    label="An edit session"
  }
}    
```
## 資訊框
:::info
test
:::