Markdown常用語法

語法 預覽 語法 預覽
*斜體* 斜體 ~~刪除線~~ 刪除線
**粗體** 粗體 <u>底線<u> 底線
***粗斜體*** 粗斜體 ,、。

標題

1
2
3
4
5
6
# H1標題
## H2標題
### H3標題
#### H4標題
##### H5標題
###### H6標題

程式碼

單行程式碼 : 插入在文字間的程式碼

1
`單行程式碼`

用在文字間的單行程式碼,可穿插使用

多行程式碼 : 上下三個反引號```包住程式碼
‵‵‵
//程式碼區塊,、。
‵‵‵

1
2
3
4
5
‵‵‵(可加 javascript / scss)
main{ display: block; margin: 0;
@include rwd-pad { margin-top: 60px;}
}
‵‵‵
1
2
3
4
5
 //程式碼區塊
$(".mobile__menu").hide();
$(".JS-mobile__menuBtn").click(function () {
$(this).slideToggle(300);
});
1
2
3
main{  display: block; margin: 0;
@include rwd-pad { margin-top: 60px;}
}

文字顏色

寫法<font color=#色碼>顏色</font>

顏色 預覽 顏色 預覽
酒紅色 #800000 酒紅色 墨綠色 #008000 墨綠色
紅色 #FF0000 紅色 綠色 #00FF00 綠色
橘色 #FF6600 橘色 深藍色 #0000FF 深藍色
金色 #FFD700 金色 青色 #00FFFF 青色
黃色 #FFFF00 黃色 紫色 #800080 紫色
灰色 #808080 灰色 粉紅色 #FF00FF 粉紅色

分隔線

用三個連續以上的 - - - 或 *** 中間不能有文字


引用

> 引用 寫法 > 空格後輸入文字

低頭不是認輸,是要看清自己的路;仰頭不是驕傲,是要看見自己的天空。


項目符號/編號

項目符號可用-``*``+放在開頭,空格後輸入文字

1
2
3
- 列點1
- 列點2
- 列點3
  • 列點1
  • 列點2
  • 列點3

編號 用數字後點,在空格後輸入文字

1
2
3
1. 列點1
2. 列點2
3. 列點3
  1. 列點1
  2. 列點2
  3. 列點3

「階層式」的項目符號/編號

1
2
3
4
5
- 寫Blog好處
- 寫出技術力
- 寫出成長紀錄
- 寫出品牌形象
- 創造個人價值
  • 寫Blog好處
    • 寫出技術力
    • 寫出成長紀錄
    • 寫出品牌形象
      • 創造個人價值

代辦事項

1
2
3
- [ ] 代辦一  //- [] 代表選取格
- [x] 代辦二 //[]中輸入x,代表選取
- [x] 代辦三
  • 代辦一
  • 代辦二
  • 代辦三

表格

1
2
3
4
| Column 1 | Column 2 | Column 3 | //標題列 |
| -------- | -------- | -------- |//分隔線,可用來對齊
| Text1 | Text2 | Text3 | //內文
| Text4 | Text5 | Text6 |
Column 1 Column 2 Column 3
Text1 Text2 Text3
Text4 Text5 Text6

對齊方式

1
2
3
4
5
| 預設對齊 | 靠左對齊 | 靠右對齊 | 置中對齊 |
| -------- | :------- | -------: | :------: |
| Text1 | Text2 | Text3 | Text4 |
| Text5 | Text6 | Text7 | Text8 |
| Text9 | Text10 | Text11 | Text12 |
預設對齊 靠左對齊 靠右對齊 置中對齊
Text1 Text2 Text3 Text4
Text5 Text6 Text7 Text8
Text9 Text10 Text11 Text12

連結

1
2
3
[標題](連結) //一般文字連結
![圖片說明](連結) //圖片連結用法1
<img src="連結"> //圖片連結用法2

Markdown常用語法
Markdown 語法大全

Google首頁Logo