---
title: "Markdown 風格指南 | Go Bali Go"
description: "以下係一啲基本 Markdown 語法嘅樣本，可以用嚟喺 Astro 寫 Markdown 內容。"
url: "https://gobaligo.id/zh-hk/blog/markdown-style-guide/"
lang: "zh-HK"
published: "2024-06-19T00:00:00.000Z"
modified: "2024-06-19T00:00:00.000Z"
source: gobaligo.id
---

# Markdown 風格指南

小 [作者：Gobaligo編輯部](https://gobaligo.id/about/) Go Bali Go 內容團隊・峇里島旅遊攻略

2024年6月19日

---

![Markdown 風格指南](https://gobaligo.id/zh-hk/assets/blog-placeholder-1.jpg)

💡 快速解答

以下係一啲基本 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](https://gobaligo.id/_astro/blog-placeholder-about.BtEdEmGp_Z2srqQK.webp)

## 引用

引用元素代表從其他來源引用嘅內容，可以選擇性地包含引用來源，引用來源必須喺 `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 嘅 [演講](https://www.youtube.com/watch?v=PAAkCSZUG1c)。 ↩