語法 |
預覽 |
語法 |
預覽 |
*斜體* |
斜體 |
~~刪除線~~ |
刪除線 |
**粗體** |
粗體 |
<u>底線<u> |
底線 |
***粗斜體*** |
粗斜體 |
,、。 |
|
標題
1 2 3 4 5 6
| # H1標題 ## H2標題 ### H3標題 #### H4標題 ##### H5標題 ###### H6標題
|
程式碼
單行程式碼 : 插入在文字間的程式碼
用在文字間的單行程式碼
,可穿插使用
多行程式碼 : 上下三個反引號```包住程式碼
‵‵‵
//程式碼區塊,、。
‵‵‵
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 4 5
| - 寫Blog好處 - 寫出技術力 - 寫出成長紀錄 - 寫出品牌形象 - 創造個人價值
|
代辦事項
1 2 3
| - 代辦一 //- 代表選取格 - 代辦二 //中輸入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 語法大全