---
# System prepended metadata

title: HackMD 超快速上手
tags: [tutorial]

---

HackMD 超快速上手
===

開始編輯
---

按下編輯頁面左上角 <i class="fa fa-columns"></i> 按鈕，切換到**雙欄模式**
左側編輯；右側檢視結果

![](https://i.imgur.com/b1d6gpU.png)

## 1. 標題

在行首輸入 `#` 再加上空白與標題文字

![](https://i.imgur.com/fyFgCez.png =300x)

**範例：**
```
# h1
## h2
```

**結果：**

# h1
## h2

## 2. 清單

在行首輸入 `-` 或是 `1.` 再加上空白與項目文字

**範例：**
```
- task1
- task2
    - sub-task

1. no1
2. no2
    1. sub-no
```

**結果：**

- task1
- task2
    - sub-task

1. no1
2. no2
    1. sub-no

## 3. 引用區塊
在行首輸入 `>` 再加上空白與引用文字

**範例：**
```
> blockquote
>> sub-blockquote
```

**結果：**

> blockquote
>> sub-blockquote

## 4. 粗體、斜體
將文字兩側加上 `*`
使用一個 `*` 為斜體；使用兩個 `*` 為粗體
或是直接選取一段文字，按上方的工具列的 <i class="fa fa-bold"></i> 變成粗體；<i class="fa fa-italic"></i> 變成斜體
![](https://i.imgur.com/0nbF1M6.png =600x)

**範例：**
```
*italic*
**bold**
```

**結果：**

*italic*
**bold**

## 5. 圖片
將圖片直接拖曳到編輯器、複製圖片後直接在編輯器貼上，會自動上傳與插入

**範例：**
```
![](https://hackmd.io/favicon.png)
```

**結果：**

![](https://hackmd.io/favicon.png)

## 6. 影片
先輸入 `{}`，會看到自動完成

![](https://i.imgur.com/e2dWOvX.png =300x)

再按下列步驟：
- 在自動完成中選擇影片來源 (youtube 或 vimeo)
- 如選 youtube，文字變成 `{%youtube youtubeid %}`
- 如影片連結是：`https://www.youtube.com/watch?v=PJuNmlE74BQ`
- 替換文字 `youtubeid` 成影片連結的 id，就是 `PJuNmlE74BQ`
- 完成的影片文字：`{%youtube PJuNmlE74BQ %}`

**結果：**

{%youtube PJuNmlE74BQ %}

###### tags: `tutorial`
