Markdown 常用語法

發表於 | 更新於: | 分類於 |

這篇算是踏入前(ㄇㄚ ˇ)端(ㄋㄨㄥ ˊ)領域後的第一篇學習筆記，程式的學習之路實在是個無底洞，算算在工作三個月學了scss、gulp、ES6、Git、css design paterns…族繁不及備載，知道的東西得越多，發現自己不會的更多，這麼多的技術要學，好像該找個方法幫助自己消化這些東西，這篇每一篇心得都有價值——為什麼初學者才更應該要寫心得筆記是促使我想開始寫認真寫學習筆記的原因，希望自己可以養成這個好習慣。

字體類

大標題

# h1

斜體

_斜體_

粗體

**bold**

刪除線

~~刪除線~~

粗斜體

***斜粗體***

超連結

有標題的超連結

1
［連結](http://google.com/ "Title")

有標題的照片

1
![Alt text](https://api.fnkr.net/testimg/200x200/00CED1/FFF/?text=img+placeholder "title")

一般連結 (直接顯示網址)

1
<http://example.com/>

原生 html 標籤

可以調整寬高

1
<img src="https://api.fnkr.net/testimg/200x200/00CED1/FFF/?text=img+placeholderwidth="150" height="150" />

程式區塊

inline 程式碼樣式

1
`printf()`  // 若內容也有上斜引號，則`` `printf()` ``撰寫

一般程式碼樣式

1
2
3
[反引號*3]js
    console.log(‘Hello World!’);
[反引號*3]

格式

分隔線

1
----

引用

1
2
3
> 一行引用
>> 嵌套的引用
>>> 再嵌套

清單

1
2
3
4
5
6
- Step
    - Step
    - Step
- Step
    - Step
    - Step

表格

1
2
3
4
5
6
7
Age           | Time  | Food | Gold | Requirement
--------------|:-----:|-----:| ----:|------------------------
Feudal Age    | 02:10 |  500 |    0 | Dark Age building x 2
Castle Age    | 02:40 |  800 |  200 | Feudal Age building x 2
Imperial Age  | 03:30 | 1000 |  800 | Castle Age building x 2

//  : 符號控制靠左或靠右

其他

checkbox

1
2
- [x] 代辦事項
- [ ] 代辦事項

字體顏色

1
2
3
<font color=red size=72 face="微软雅黑">顏色+字體大小</font>

<font color=red size=72 face="微軟正黑體">顏色+字體大小</font>

Emoji

Emoji 代碼