---
tags: Markdown
---
# Markdown in HackMD
---
[TOC]
<!-- [^_^]: -->
## 介紹
+ 什麼是 Markdown?
+ 一種輕量級的標記語言
+ 易寫易讀
+ 什麼是 [HackMD](https://hackmd.io/)?
+ 讓你開心寫 Markdown 的地方
+ 大家一起開心寫 Markdown 的地方
+ 俗稱「共筆」
+ 為什麼選擇 Markdown?
+ 易學易讀易寫
+ 已經是許多開源專案的標準文件語言
+ 電腦圖像函式庫 [OpenCV](https://github.com/opencv/opencv/wiki)
+ 多媒體處理程式 [FFmpeg](https://github.com/FFmpeg/FFmpeg)
+ 機器學習的框架 [Tensorflow](https://github.com/tensorflow/tensorflow)
---
## 開始動手做
+ 註冊一個 HackMD 的帳號
+ 建立新筆記並切換到編輯或雙欄模式
---
## 語法介紹
---
### 標題
# 最大的標題
## 次大的標題
### 次次大的標題
...
###### 最小的標題
---
### 文字效果
+ **粗體**
+ *斜體*
+ ~~刪除線~~
+ `Monospaced Font`
---
### 列表
+ 無序列表
+ 安安
+ 你好
+ 編號列表
1. 高雄
2. 發大財
+ 代辦事項
+ [x] 打開冰箱
+ [ ] 把大象放進去
---
### 表格
| Date | Item | Balance |
|:----------:|:---------:|:-------:|
| 2019/05/22 | Coffee | -24 |
| 2019/05/22 | Dinner | -520 |
| 2019/11/14 | Foodpanda | -120 |
---
### 參考
+ 超連結
+ [Google](https://www.google.com/)
+ [Google]
+ 圖片
+ 
+ 
+ 引用文字
> To hack,
> > or not to hack,
> > > that is a question.
---
### 程式碼
+ 單行程式碼
+ `$ sudo rm -rf`
+ 區塊程式碼
```python
def hello(name):
return f'Hello, {name}!'
```
---
## HackMD 附加功能
---
### 表情符號
+ :smile:
+ :100:
---
### 上下標
+ H~2~O
+ 19^th^
---
### 手打 Latex
+ 完全平方
$$ (a+b)^2 = a^2 + 2ab + b^2 $$
+ 泰勒展開
$$ f(x)=\sum^{\infty}_{n=0}\frac{f^{(n)}(a)}{n!}(x-a)^n $$
+ 塞爾伯格跡公式
$$ \sum_{n=0}^{\infty} h(r_n) = \frac{\mu(F)}{4 \pi } \int_{-\infty}^{\infty} r \, h(r) \, \tanh(\pi r) \, dr \ + \ \sum_{ \{T\} } \frac{ \log N(T_0) }{ N(T)^{1/2} - N(T)^{-1/2} } \ g( \log N(T) ) $$
---
### 循序圖
```sequence
艾莉絲->包柏: 安安，你好嗎？
Note right of 包柏: 包柏思考中
包柏-->艾莉絲: 我很好，謝謝！
Note left of 艾莉絲: 艾莉絲回應
艾莉絲->包柏: 最近過得怎樣？
```
---
### 流程圖
```flow
st=>start: 起床
e=>end: 單身一輩子
op=>operation: 走出戶外
op2=>operation: 遇到新朋友
cond=>condition: 嘗試跟人打招呼
op3=>operation: 你真是個好人
op4=>operation: 你真是個邊緣人
st->op->op2->cond
op3->e
cond(yes)->op3
cond(no)->op4->e
```
---
### 樹狀圖
```graphviz
digraph hierarchy {
阿爸 [shape=box fontcolor=blue]
阿母 [shape=box fontcolor=purple]
大姐 [shape=box fontcolor=purple]
二姐 [shape=box fontcolor=purple]
老哥 [shape=box fontcolor=blue]
我 [shape=box fontcolor=blue]
薯條 [shape=box fontcolor=purple]
C1 [label="小孩" shape=plaintext]
C2 [label="你沒有女朋友" shape=plaintext]
P1 [label="貓貓" shape=plaintext]
// edge [arrowhead="none"]
阿爸, 阿母 -> C1 [dir="none"]
C1 -> 大姐, 二姐, 老哥, 我
C2 -> 我
我 -> P1 [dir="none"]
P1 -> 薯條
}
```
---
### 樂譜
```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:|
(g ^f A, a' _G) (g^fA,a'_G)||
```
---
### 顏色區塊
:::success
建置成功 :tada:
:::
:::info
這是訊息 :mega:
:::
:::warning
警告都是不重要的 :zap:
:::
:::danger
錯誤才是最崩潰的 :fire:
:::
---
### 註腳
+ 註腳會長在筆記的最下面
+ HackMD 很好用！[^first]
+ GitHub 也很棒！[^second]
+ 還有神秘的行內註腳^[太酷惹ㄅ]
[^first]: Penut: "HackMD is good!"
[^second]: Penut: "GitHub is good, too!"
---
### 註解類型
<!-- 這是個 Markdown 的註解 -->
<!-- 其實也是 HTML 的註解 -->
---
### 縮寫
+ NTOU 是縮寫
+ CS 是縮寫
+ NTOUCS 這樣沒有
+ NTOU CS 這樣有兩個縮寫
*[NTOU]: National Taiwan Ocean University
*[CS]: Computer Science
---
### HackMD 介面操作
+ 發表
+ 縮網址的好方法
+ 權限
+ 如果要公開一定要好好設定
+ 選單
+ [簡報模式](https://hackmd.io/@PenutChen/B1ypo8GTN#/)
+ [書本模式](https://hackmd.io/c/rJSpNkHyN/%2F3WDASeZzQNywA6SbPb0Npw)
---
### 更多
+ 參考官方的 [HackMD Tutorials](https://hackmd.io/c/tutorials/%2Fs%2Ftutorials)
---
### END
> []
Sign in with Wallet
Connect another wallet