# HackMD
*HackMD是個跨平台的Markdown即時協作知識庫您可以在電腦、平板甚至是手機與其他人協作筆記!*
* 參考[MarkDown語法大全][1]
* 參考[HackMD 快速入門教學][2]
---

---
### 標題編號、項目符號
> "-" + 空格 + "[" + 空格 + "]"
- [ ] 這是第一項,左邊可以勾選
- [ ] 這是第二項,左邊可以勾選
- [ ] 這是第三項,左邊可以勾選
> "-" + 空格
* 這是第一項
* 這是第二項
* 這是第三項
---
### 字體效果
~~~
*斜體字*、**粗體字**、***斜體兼粗體***、
~~刪除線~~_斜體2_、__斜粗2__、
正常^上標^、正常~下標~、
++底線++、==螢光標記==
~~~
*斜體字*、**粗體字**、***斜體兼粗體***、
~~刪除線~~_斜體2_、__斜粗2__、正常^上標^、正常~下標~、++底線++、==螢光標記==
---
### 表格
> 用| (內容) |代表一行,
> 在其中一行插入|----|----|----|定義表格
> |:----| |:----:| |----:|分別代表靠左、置中、靠右
> 在表格中標題將失效
|<a style="color:#ffff00;">名字</a> |號碼 |分數|
|:----|:----:|---:|
|Max Verstappen|1|170|
|Sergio Perez|11|117|
|Fernando Alonso|14|99|
---
### 程式區塊
> 用~~~包夾程式碼,可在波浪符號後加入程式名稱已取得不同種類的螢光標示
~~~html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div style="height: 200vh;"></div>
<div id="123" style="position: absolute;height:250px;width: 250px; background-color: black;"></div>
<script>
var a = 0;
var b = 0;
function track(e){
var tar = document.getElementById("123");
tar.style.left = (e.pageX + 10) + 'px'
tar.style.top = (e.pageY + 10) + 'px'
}
addEventListener('mousemove', track, false)
</script>
</body>
</html>
~~~
~~~c++
#include <iostream>
#include <stdio.h>
using namespace std;
void hannoi (int n, char from, char buffer, char to)
{
if (n == 0)
return;
hannoi (n - 1, from, to, buffer);
cout << "Move disk " << n << " from " << from << " to " << to << endl;
hannoi (n - 1, buffer, from, to);
}
int main()
{
cout<<"disc:";
int n;
cin >> n;
hannoi (n, 'A', 'B', 'C');
return 0;
}
~~~
---
### 註解
> 中括號裡頭寫 ^加上註解名稱(像是123),下方用一樣的格式後加冒號就可以寫註解內容
>
這裡有個註解[^1],這裡有個東西待註解[^待註解]
---
### 標題編號與引用清單
> 標題編號用#多寡表示層級,#越少越高階,亦可使用html標籤
> 引用清單用>多寡表示層級,原理同上
>>第二層引用
>>>第三層引用
---
### 清單
> 使用 ":" 縮排,相當於html的dl、dd、dt
Markdown
: 首先,我們要感謝所有參加今天活動的朋友們。
: 接著,我們進行了一系列有趣的活動和遊戲。
: 最後,我們舉行了頒獎儀式,表揚了在各項活動中表現出色的朋友們。
<dl>
<dt>HTML</dt>
<dd>首先,我們要感謝所有參加今天活動的朋友們。</dd>
<dd>接著,我們進行了一系列有趣的活動和遊戲。</dd>
<dd>最後,我們舉行了頒獎儀式,表揚了在各項活動中表現出色的朋友們。</dd>
</dl>
### YouTube影片
~~~
{%youtube youtubeid %}
~~~
{%youtube 6VlBOTOjqHY %}
[1]: https://hackmd.io/@mrcoding/ryZE7k8cN "MarkDown語法大全"
[2]:https://hackmd.io/s/quick-start-tw "HackMD 快速入門教學"
[^1]:這裡是註解1的內容
[^待註解]:好像需要一個註解喔