Markdown 常用語法

發表於 | 分類於 |
markdown

標題

1
2
3
4
5
6
# h1
## h2
### h3
#### h4
##### h5
###### h6

h1

h2

h3

h4

h5
h6

字體

粗體

1
**bold** __bold__

bold

斜體

1
_Itaclic_

Itaclic

粗斜體

1
***bold italic***

bold italic

刪除線

1
~~Strikethrough~~

Strikethrough

超連結

一般連結

1
<http://google.com/>

http://google.com/

有標題的連結

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

連結

有標題的照片

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

Alt text

html 標籤

可以調整寬高、寫樣式

1
<img src="https://api.fnkr.net/testimg/200x200/2A353A/FFF/?text=img" alt="markdown" style="zoom:50%;" />
markdown 
1
<img src="https://api.fnkr.net/testimg/200x200/00CED1/FFF/?text=img+placeholder" width="50" height="50" />

程式區塊

inline 程式碼

1
`function()`

function()

1
`` `printf()` ``

`printf()`

一般程式碼

1
2
3
​```js
  console.log(‘boo’);
​
1
2
3

```js
	console.log('boo');

格式

分隔線

1
---

引用

1
> 引用

引用

1
2
> 引用
>> 使用嵌套的引用

引用

使用嵌套的引用

清單

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

表格

1
2
3
4
5
6
7
Item      | Price  | Number | Total| Remark
----------|:------:|:------:| ------|------:|
egg       | 10     |  2    |    20 | good   |
meat      | 100    |  2    |   200 |   -	|
vegetable | 50     |  5    |   250 |   -	|

//  : 符號控制靠左或靠右
Item Price Number Total Remark
egg 10 2 20 good
meat 100 2 200 -
vegetable 50 5 250 -

其他

checkbox

1
2
- [x] item A
- [ ] item B
  • item A
  • item B

字體顏色大小

1
2
3
<font color=blue size=3 face="微软雅黑">字體</font>

<font color=red size=8 face="微軟正黑體">字體</font>

顏色+字大小

顏色+字體大小

Emoji

1
2
3
:smile:
:sunny:
:airplane:

:smile:
:sunny:
:airplane:

Emoji 代碼

參考資料

Dylan’s Blog：Markdown 常用語法

這是朋友的筆記blog，每次都跑去看他的，
慢慢會把記不起來的東西，也在我這記錄下來（搬移?!:smirk: