Markdown 風格指南

✏️ 編輯文章

Markdown 風格指南
💡 快速解答

以下係一啲基本 Markdown 語法嘅樣本,可以用嚟喺 Astro 寫 Markdown 內容。

以下係一啲基本 Markdown 語法嘅樣本,可以用嚟喺 Astro 寫 Markdown 內容。

標題

以下 HTML <h1>—<h6> 元素代表六個層級嘅段落標題。<h1> 係最高層級,而 <h6> 係最低層級。

H1

H2

H3

H4

H5
H6

段落

Xerum,呢個嘢解釋咗點解佢哋會做啲咁嘅嘢。佢哋嘅行為同埋佢哋嘅態度,都顯示出佢哋對呢件事嘅睇法。佢哋嘅行為同埋佢哋嘅態度,都顯示出佢哋對呢件事嘅睇法。佢哋嘅行為同埋佢哋嘅態度,都顯示出佢哋對呢件事嘅睇法。佢哋嘅行為同埋佢哋嘅態度,都顯示出佢哋對呢件事嘅睇法。佢哋嘅行為同埋佢哋嘅態度,都顯示出佢哋對呢件事嘅睇法。

佢哋嘅行為同埋佢哋嘅態度,都顯示出佢哋對呢件事嘅睇法。佢哋嘅行為同埋佢哋嘅態度,都顯示出佢哋對呢件事嘅睇法。

圖片

語法

![Alt text](./full/or/relative/path/of/image)

輸出

blog placeholder

引用

引用元素代表從其他來源引用嘅內容,可以選擇性地包含引用來源,引用來源必須喺 footer 或 cite 元素內,並且可以選擇性地包含內聯更改,例如註釋同縮寫。

無來源嘅引用

語法

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
> **Note** that you can use _Markdown syntax_ within a blockquote.

輸出

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
注意 你可以喺引用區塊入面用 Markdown 語法。

有出處嘅引用

語法

> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>

輸出

唔好透過分享記憶嚟溝通,要透過溝通嚟分享記憶。
— Rob Pike1

表格

語法

| Italics   | Bold     | Code   |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |

輸出

斜體粗體代碼
斜體粗體代碼

代碼區塊

語法

我哋可以用 3 個反引號 ``` in new line and write snippet and close with 3 backticks on new line and to highlight language specific syntax, write one word of language name after first 3 backticks, for eg. html, javascript, css, markdown, typescript, txt, bash

```html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```

Output

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

List Types

Ordered List

Syntax

1. 第一項
2. 第二項
3. 第三項

Output

  1. First item
  2. Second item
  3. Third item

Unordered List

Syntax

- 列表項目
- 另一個項目
- 再一個項目

Output

  • List item
  • Another item
  • And another item

Nested list

Syntax

- 生果
  - 蘋果
  - 橙
  - 香蕉
- 奶製品
  - 牛奶
  - 芝士

Output

  • Fruit
    • Apple
    • Orange
    • Banana
  • Dairy
    • Milk
    • Cheese

Other Elements — abbr, sub, sup, kbd, mark

Syntax

<abbr title="Graphics Interchange Format">GIF</abbr> 係一種點陣圖像格式。

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

按 <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> 結束會話。

大多數 <mark>蠑螈</mark> 都係夜行性,會捕食昆蟲、蠕蟲同其他細小生物。

輸出

GIF 係一種點陣圖像格式。

H2O

Xn + Yn = Zn

按 CTRL + ALT + Delete 結束個 session。

大多數 蠑螈 都係夜行性,會捕食昆蟲、蚯蚓同其他細小生物。

Footnotes

  1. 上面嘅引文係節錄自 Rob Pike 喺 2015 年 11 月 18 日 Gopherfest 嘅 演講。 ↩

🗺️ 峇里島行程規劃工具

告訴我你的旅遊風格,立即獲得個人化分區攻略與景點推薦

開始規劃我的行程 →
💬 加入討論 前往討論區留言 →
  • 載入中⋯
✍️ 我要發問