:open_book:Judy的Markdown使用筆記
=

Markdown是一種輕量級標記式語言，透過輸入直覺的純文字符號標籤，就能建立帶有各種視覺變化與互動功能的的純文字檔，方便製作出好閱讀又附功能性的筆記。

## 目錄
[ToC]

## 1.標題字大小指定

Markdown 語法使用井字號 # 建立標題文字，井字號數量從1個～6個可以產出對應HTML標籤中`<h1>`～`<h6>`大小的字。H1和H2標題底下會自動伴隨細水平線。

# H1
## H2
### H3
#### H4
##### H5
###### H6

## 2.文字樣式

- **粗體**
- *斜體*
- ~~刪除線~~

寫法是：
- ``**粗體**``
- ``*斜體*``
- ``~~刪除線~~``

## 3.清單

- ### 無編號項目--黑點、白點、方塊

+ 在行開頭使用 `+` `-` 或是 `*` 來建立清單
+ 位階1—空兩個空白/按一次tab就可以產生子清單
- 位階2—清單標記使用的字元不同會強制建立新的清單
* 位階3—文字文字
+ 位階3—文字文字
- 位階3—文字文字


- ### 編號項目
直接輸入序號`1.`再空一格。

1. 第一行
2. 第二行
3. 第三行

## 4.代辦清單Checkbox

- [x] 被勾選的待辦事項1
- [ ] 子項目
- [ ] 子項目
- [ ] 未被勾選的待辦事項2
- [ ] 未被勾選的待辦事項3


+ `x`代表勾選
+ 在下一行按「tab」產生空格後再輸入「-」就能產生子清單

## 5.插入表情符號

使用左右冒號「: :」夾住特定英文詞彙即可出現對應表情符號，例如輸入`:tada:`可顯示「拉砲」圖案:tada:。完整的詞彙與代表符號列表[請見EmojiCheatSheet](https://github.com/ikatyang/emoji-cheat-sheet)。

## 6.建立分類標籤
行頭按下井字鍵後會出現下拉選單，選擇`******tag`可以建立標籤，幫助筆記分類。例如：
###### tags: `tutorials` `features`

 

## 7.建立超連結

[超連結文字](https://www.google.com.tw "滑鼠hover時顯示標題")

`[超連結文字](https://www.google.com.tw "滑鼠hover時提示文字")`

輸入文字，其前後以`[` `]`包起，後面使用`(` `)`包入網址，即可將文字指定超連結，還可指定滑鼠hover在文字時的提示文字。

> 

## 8.圖片置入並指定大小
![圖片參考名稱](https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png "滑鼠hover提示文字" =50%x)

- 在hackmd直接拖曳圖片進入，會自動上傳至imgur並產生網址直接使用Markdown語法顯示

- 寫法是

![圖片參考名稱](https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png "滑鼠hover提示文字" =50%x)

- 可以加上滑鼠滑過時的提示文字
- 可以在圖片網址最後方指定圖片比率，否則預設圖片原尺寸有時會太大顯示起來很壓迫

## 9.引用區塊標籤
在文字前面加上1個大於符號「>」，可產生向右縮排的引用效果。

>像是這行文字
>還有這行文字
>跟這行文字

甚至可以指定巢狀引用與顏色

> 使用「>」是第一層 [color=#907bf7]
> > 使用「>>」是第二層[color=red]
> > > 使用「>>>」是第三層且在文字後方輸入色碼或是色名
> > > ` [color=green]`可以指定顏色[color=green]


## 10.行內反灰底色
如果想要行內反灰底色，編碼時要在「英文輸入法」模式下，按鍵盤左上跟蝌蚪符號共用的「反引號鍵」，把文字用兩個「反引號」包起來，則`行內文字就會有灰色底色`。

`這樣把文字包起來` 

<img src="https://i.imgur.com/UbKTHiA.jpg" width="40%" height="40%"/>

## 11.行內黃色底色

==文字前後加上2個等號會形成黃底像這樣==

==文字前後個加2個等號會形成黃底色條== 

## 12.程式碼區塊顯示：灰底區塊、彩色文字、指定行數
- 程式碼區塊：使用` ``` ` 上下包夾內容，被包住的內容會呈現於灰色區塊中。
- 要先指定程式碼類型
- 程式碼類型用「＝」加上數字可指定行數起始值

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


:::info
:bulb:輸入`[ToC]`會自動將整篇文件H1~H3大小的標題製作為目錄
:::