海馬迴存放所有的記憶

Markdown 常用語法整理

發表於 更新於 分類於 Disqus：

標題 H1

標題 H2

標題 H3

標題 H4

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

文字格式

  • 粗體字

    粗體字

    1
    2
    3
    4
    5
    **粗體字**

    或

    __粗體字__

  • 斜體字

    斜體字

    1
    2
    3
    4
    5
    *斜體字*

    或

    _斜體字_

  • 底線

    底線

    1
    <u>底線</u>

  • 刪除線

    刪除線

    1
    ~~刪除線~~

  • 文字凸顯

    文字凸顯

    1
    `文字凸顯`

引言

引言，若要換行，結尾要加 兩個空白 如 _ _
這是新的一行

1
2
> 引言，若要換行，結尾要加 `兩個空白`  
> 這是新的一行

連結

  • 網址連結

    https://www.google.com

    在網址前、後加上 “<” 和 “>” 字元

    1
    <https://www.google.com>

  • 文字連結

    連結文字

    1
    [連結文字](https://www.google.com)

圖片

圖片 Alt

1
2
3
4
5
![圖片 Alt](https://picsum.photos/id/684/600/400 "圖片 Title")

或

![](https://picsum.photos/id/684/600/400)

分隔線

1
---

數學公式 (GitHub 不支援)

語法參考 https://mhchem.github.io/MathJax-mhchem

$f(x)=10$

1
$f(x)=10$

$\ce{$K = \frac{[\ce{Hg^2+}][\ce{Hg}]}{[\ce{Hg2^2+}]}$}$

1
$\ce{$K = \frac{[\ce{Hg^2+}][\ce{Hg}]}{[\ce{Hg2^2+}]}$}$

支援 HTML 語法

範例內容
範例內容
使用 HTML 連結語法 Google

含有 顏色 的段落內容

1
2
3
4
5
6
7
<div>
範例內容<br />
範例內容<br />
使用 HTML 連結語法 <a href="http://www.google.com" target="_blank">Google</a><br />

含有<span style="color:#ff00ff"> *顏色* </span>的段落內容
</div>

程式碼區塊

  • C# 程式碼

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    // C# 程式碼區塊
    public class MyClass
    {
      public string String1 { get; set; }
      public int Int1 { get; set; }

      public MyClass()
      {
        Console.WriteLine("建構子");
      }
    }
    ```csharp
// C# 程式碼區塊
public class MyClass
{
  public string String1 { get; set; }
  public int Int1 { get; set; }

  public MyClass()
  {
      Console.WriteLine("建構子");
  }
}
```

  • Javascript 程式碼

    1
    2
    3
    4
    5
    // Javascript 程式碼區塊
    function MyFunc()
    {
      alert("Hello World !");
    }
    ```javascript
// Javascript 程式碼區塊
function MyFunc()
{
  alert("Hello World !");
}
```

  • 程式碼區塊支援的語言種類

表格、對齊方式、文字樣式

A B C D
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
靠左 預設 置中 靠右
A1 B1 C3 D1
凸顯字 B2 C2 D2
斜體字 粗體字 底線 刪除線 
1
2
3
4
5
6
7
| A          | B          | C          | D          |
|:---        | ---        |:---:       | ---:       |
| XXXXXXXXXX | XXXXXXXXXX | XXXXXXXXXX | XXXXXXXXXX |
| 靠左       | 預設       | 置中       | 靠右       |
| A1         | B1         | C3         | D1         |
| `凸顯字`   | B2         | C2         | D2         |
| *斜體字*   | **粗體字** | <u>底線</u>| ~~刪除線~~ |

第一列是標題 ( 輸出結果以粗體顯示 )
第二列是設置對齊方式，不會顯示 ( 至少三個 - 符號表示內容位置，: 表示對齊位置 )
第三列之後是表格資料內容
表格的 Markdown 可用 空白鍵 排版增加可讀性 ( 不會影響輸出結果 )
表格內可使用文字格式 Markdown 語法

列表

  • 有序列表

    有序列表開頭為 數字 + . + 空白鍵

  1. 有序列表 1
  2. 有序列表 2
    1. 有序列表 1-1
    2. 有序列表 1-2
      1. 有序列表為 數字 + . + 空白鍵
        1. 可搭配引言符號 >
        • 可搭配無序列表符號 *
        • 可搭配無序列表符號 +
        • 可搭配無序列表符號 -
    3. 有序列表 1-3 結尾加 兩個空白鍵 + 換行 __
      這行文字就會對齊
    4. 有序列表 1-4
  3. 有序列表 3
1
2
3
4
5
6
7
8
9
10
11
12
13
1. 有序列表 1
2. 有序列表 2
   1. 有序列表 1-1
   2. 有序列表 1-2
      1. 有序列表為 `數字` + `.` + `空白鍵`
      > 2. 可搭配引言符號 `>`
      > * 可搭配無序列表符號 *
      > + 可搭配無序列表符號 +
      > - 可搭配無序列表符號 -
   3. 有序列表 1-3 結尾加 `兩個空白鍵` + `換行` __  
      這行文字就會對齊
   4. 有序列表 1-4
3. 有序列表 3

  • 無序列表

    無序列表開頭為 * 或 + 或 -

  • 無序列表 1
  • 無序列表 2
    • 無序列表 1-1
    • 無序列表 1-2
      • 無序列表為 * 或 + 或 -
        • 可搭配引言符號 >
        1. 可搭配有序列表 數字 + . + 空白鍵
        2. 可搭配有序列表 數字 + . + 空白鍵
        3. 可搭配有序列表 數字 + . + 空白鍵
    • 無序列表 1-3 結尾加 兩個空白鍵 + 換行 __
      這行文字就會對齊
    • 無序列表 1-4
  • 無序列表 3
1
2
3
4
5
6
7
8
9
10
11
12
13
- 無序列表 1
- 無序列表 2
  - 無序列表 1-1
  - 無序列表 1-2
    - 無序列表為 `*` 或 `+` 或 `-`
    > - 可搭配引言符號 `>`
    > 1. 可搭配有序列表 `數字` + `.` + `空白鍵`
    > 2. 可搭配有序列表 `數字` + `.` + `空白鍵`
    > 3. 可搭配有序列表 `數字` + `.` + `空白鍵`
  - 無序列表 1-3 結尾加 `兩個空白鍵` + `換行` __  
    這行文字就會對齊
  - 無序列表 1-4
- 無序列表 3

待辦事項

  • 工作
  • 休息
  • 睡覺
1
2
3
- [ ] 工作
- [x] ~~休息~~
- [X] ~~睡覺~~

表情符號 (emoji)

太多了，請參考 https://www.webfx.com/tools/emoji-cheat-sheet

補充