Skip to content

寫作指南

本站文件使用 Markdown 編寫,並支援 Frontmatter、提示區塊、程式碼高亮、數學公式等擴充語法。

Frontmatter

在檔案頂部使用 YAML 宣告頁面元資訊:

md
---
title: 頁面標題
description: 頁面描述(用於 SEO)
tags:
  - 指南
  - Markdown
---

# 正文標題

常用欄位:

欄位說明
title頁面標題,會覆蓋導覽列顯示
description頁面描述,用於搜尋引擎與分享卡片
tags頁面標籤
layout頁面佈局,預設 doc,首頁使用 home
outline是否顯示右側目錄

提示區塊

md
:::: tip 提示
這是一則提示資訊。
::::

:::: warning 注意
這是一則警告資訊。
::::

:::: danger 危險
這是一則危險資訊。
::::

:::: info 說明
這是一則普通說明。
::::

效果預覽:

提示

這是一則提示資訊。

注意

這是一則警告資訊。

危險

這是一則危險資訊。

說明

這是一則普通說明。

程式碼區塊

支援 jstsbashpythonjsonsql 等常見語言的語法高亮,並支援顯示行號與高亮指定行:

md
```js {2,4-5}
function greet(name) {
  const message = `Hello, ${name}!` // 高亮行
  console.log(message)
  return message
}
```
js
function greet(name) {
  const message = `Hello, ${name}!` // 高亮行
  console.log(message)
  return message
}

數學公式

使用 KaTeX 渲染數學公式:

md
行內公式 $E = mc^2$

區塊公式:

$$
\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$

表格

md
| 方法 | 路徑 | 說明 |
| --- | --- | --- |
| GET | `/api/users` | 取得使用者清單 |
| POST | `/api/users` | 建立使用者 |
| DELETE | `/api/users/:id` | 刪除使用者 |

圖片與連結

md
![替代文字](/logo.svg)

[跳轉到快速開始](./getting-started)

元件化擴充

VitePress 支援在 Markdown 中直接使用 Vue 元件,可將複雜互動(圖表、示範、Tab 等)封裝為元件重用。


寫作建議

  • 每個文件聚焦一個主題,使用清晰的標題層級(######);
  • 程式碼範例務必可直接執行,並包含必要的註解;
  • 使用提示區塊強調注意事項與邊界情況;
  • 關聯文件之間使用相對連結互相跳轉。

基於 VitePress 建置 · 內容以知識共享方式沈澱