# HackMD Markdown Language

### 標題
標題用#的數量決定大標題小標題
###### h6

### Tab縮排效果
Tab 縮排後其他效果都會消失，所輸入的都被視為純文字
縮排背景會變灰色的
在編輯頁面使用 space 效果不受影響，但在檢視頁面不會有空格

### 加入Tag
這樣這篇文章就有 HackMD 這個標記囉
###### tags: `HackMD`

### 引用，常用來寫 comment
使用符號 > 來實現引用
可使用 [] 來加以說明 comment 的作者、寫的時間、顏色等等
並且可以巢狀引用
空一行即可 結束引用
> 這是引用效果囉！
>> 巢狀引用
[name=WSMao][time=Fri, Feb 28, 2020 7:31 PM][color=#7945ad]
繼續引用

結束引用囉

巢狀引用
> 你笨蛋[name=小明]
>> 你才大笨蛋[name=小美]
>>> 哼哼 [name=小明]

### 勾選清單
- [x] 加x就是打勾
- [ ] 空格就是沒打勾

### Icon
用符號 : 夾住 Icon code
:video_game: :rocket: :memo: :bulb: :pushpin: :link:
[Emoji Link](https://www.webfx.com/tools/emoji-cheat-sheet/)

### 文字效果
**Bold**
*Italic*
Super^script^
Sub~script~
~~Crossed~~
==Highlight==

### 高亮資訊
語法
:::info 加入內容 :::
:::info
**Hint:** 內容
:::

### 加入照片
直接將照片從資料夾托拉進 HackMD 就可以囉
照片會自動被上傳到雲端空間並顯示出來
加入網頁照片則直接使用語法 

### 插入 HTML Icon
<i class="fa fa-camera-retro fa-lg"></i>

### 加入 Gif 與加入照片相同

### Embed YouTube Videos
https://www.youtube.com/watch?v=PJuNmlE74BQ
取 youtube 網址 v= 後面的 youtube video id
{%youtube PJuNmlE74BQ %}

### 加入 link
[HackMD Tutorials](https://hackmd.io/c/tutorials)

### 插入 Table
注意內部連結可使用變數的方式表示，以免表格太長
- Table

| Features | Tutorials |
| ----------------- |:----------------------- |
| GitHub Sync | [:link:][GitHub-Sync] |
| Browser Extension | [:link:][HackMD-it] |
| Book Mode | [:link:][Book-mode] |
| Slide Mode | [:link:][Slide-mode] |
| Share & Publish | [:link:][Share-Publish] |

[GitHub-Sync]: https://hackmd.io/c/tutorials/%2Fs%2Flink-with-github
[HackMD-it]: https://hackmd.io/c/tutorials/%2Fs%2Fhackmd-it
[Book-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-book
[Slide-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-slide-deck
[Share-Publish]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-publish-note

### 使用LaTex
- LaTeX for formulas

$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$

### 程式碼
飯粒為使用 JavaScript ,亦可使用 C 等語言
16好像是設定第幾行

var s = "JavaScript syntax highlighting";
alert(s);

### UML diagrams

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?

### 將所有標題排成目錄
Auto-generated Table of Content(TOC)
而且生成的目錄是有連結到你的標題的
[ToC]

- dddd [name=WSMao][color=#40a5a4][time=Fri, Feb 28,
- 111
- 222
- 333
- 444

### 清單
清單最多三層

清單一
* 1
* 2
* 3
* 3

清單二
- 1
- 2
- 3
- 4

清單三
1. 1
2. 2

### 水平線
---

### 打出功能符號
欲打出功能符號，只要在該符號前面加上反斜線 \ 即可
\`