---
type: slide
progress: true
center: false
tags: HackMD 投影片
---

# HackMD註冊與Markdown語法入門

### 主講人：黃夙賢

---

## HackMD

- 以 Markdown語法為基礎，追求簡潔的線上協作筆記

- 北科大資工系吳承翰所開發

- MD指的是採用MarkDown語法撰寫

- 線上編輯，自動存檔

- 可儲存不同版本文件進行協同作業 (免費版有10個版本限制)

---

## MarkDown語法

- 一種輕量級標記式語言

- 於2004年由John Gruber所制定

- 目標是易讀易寫

- 最大靈感來源是純文字的電子郵件格式，參考HTML的設定格式

---

## HackMD註冊

- http://hackmd.io/


---

## 輸入註冊資訊


---

# 註冊驗證


---

## 註冊驗證


---

## 登入


---

# 登入成功


---

## 隨堂練習

- 請各位同學至HackMD網站註冊一帳號

---

# HackMD入門教學

---

## 撰寫基本原則

- 先不對文字進行視覺上的調整 （例如：變成粗體、標題、分項目），專注把想法表達出來

- 當內容比較完整的時候，再來使用語法排版

- 充分運用 HackMD 的雙欄模式，你在編輯器寫作，同時檢視「被呈現」的模樣

- 寫出結構，大標題、次標題、文件資訊的醒目提示。有個排版的基本想法，再來填充文字內容。

---

## 雙欄模式


---

## 標題

- # # 第一層標題

- ## ## 第二層標題

- ### ### 第三層標題

- #### #### 第四層標題

- ##### ##### 第五層標題

- ###### ###### 第六層標題

- 注意#字號後面需要空白

---

## 斜體、粗體

- 在文字兩端加上 * 符號，即可將文字變成斜體

- 在文字兩端加上 ** 符號，即可將文字變成粗體

- 例如：

*斜體*
**粗體**

---

## 隨堂練習


---

## 清單 - 無序清單

- 加上 "-" 即可設定無序清單

- 次清單只需要縮排即可(兩個空白，或者Tab鍵)

- 例如：


---

## 清單 - 有序清單

- 直接寫上序號即可
- 例如：


---

## 隨堂練習


---

## 區塊

- 行首輸入 > 符號，並在後面加上一個空白後，再輸入引用文字，即可形成引用區塊
- "> 引用區塊"
- ">> 子引用區塊"
- ">>> 子子引用區塊"
- 例如：
> ##### 引用區塊
>> ##### 子引用區塊
>>> ##### 子子引用區塊

---

## 隨堂練習


---

## 插入圖片

- 語法：! [想要顯示的文字] (URL)

- 可以將圖片直接拖曳到編輯器、複製圖片後直接在編輯器貼上，都會直接將圖片上傳到 imgur 後自動插入圖片語法

- imgur圖床為公開圖床

---

## 隨堂練習


---

## 嵌入影片

- 請先輸入 { }，會自動產生以下選項進行選擇
- 選擇影片來源，假設是youtube，{ }會變成 { %youtube youtubeid % }
- 影片連結：https://www.youtube.com/watch?v=eT6Xza1T4KA，將yotubeid替換成影片連結的 id，也就是 eT6Xza1T4KA
- 例如：{ %youtube eT6Xza1T4KA % }


---

## 隨堂練習


---

## 隨堂作業一
- 請完成我的第一個HackMD筆記，並將連結上傳至Tronclass作業當中
- 筆記標題請設定為: 我的第一個HackMD筆記
- 請點選右上角 ==『分享』，並點選『複製』即可獲得分享連結==
- ==『可閱讀』權限記得開放『所有人』==
- 作業範例請參考：https://hackmd.io/@shhuangmust/ryE-BCMnt

---

## 範例畫面


---