> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 樣式

> 使用可自訂的字型、顏色、背景與封面圖片，讓你的文件在視覺上一目了然且更具吸引力。

Craft 讓你不需任何設計經驗也能輕鬆建立美觀的文件。使用自訂顏色、背景、字型、封面圖片，以及像和紙膠帶分隔線等裝飾元素來打造專屬樣式。

## 你可以設定的項目

Craft 的樣式系統在兩個層級運作：**文字層級** 與 **頁面層級**。這讓你能精準控制單一元素，同時維持整份文件的一致美感。

### 文字層級樣式

可套用到文件中的單一區塊或選取範圍：

* **字型** – 選擇 System（預設）、Serif（襯線，適合正式閱讀）、Mono（等寬，適合程式碼）或 Rounded（圓潤，親切現代）
* **文字顏色** – 從預設色選擇或建立自訂色票
* **重點標註** – 加上背景色以強調特定文字
* **清單** – 自訂項目符號樣式、編號格式與縮排

### 頁面層級樣式

套用到整份文件以達成統一的外觀：

* **顏色** – 設定文件背景與預設文字顏色
* **封面圖片** – 從 Unsplash 的精選圖庫加入視覺標頭，或上傳自己的照片
* **背景** – 選擇純色、漸層或整頁圖片並加上模糊效果
* **分隔線** – 以和紙膠帶樣式、簡約線條或幾何圖形來樣式化水平分隔
* **卡片** – 將頁面轉為具有色邊框或圖片背景的卡片版面，視覺上更具區隔性

## 快速開始

根據你使用的平台，可從不同位置存取樣式選項：

<Tabs>
  <Tab title="macOS">
    * 右側邊欄 - Click **Style** 標籤（畫筆圖示）以查看所有頁面層級選項
    * 左側邊欄 - 在新版中可於 **Styles** 面板看到即時樣式預覽
    * 工具列 - 選取文字後使用格式化工具列進行快速文字層級變更
    * 鍵盤 - Press `Cmd+Shift+S` 以開啟樣式面板
  </Tab>

  <Tab title="iOS">
    * **three-dot menu (⋯)** 於右上角 - 存取 **Page Style** 來修改整份文件的選項
    * 字母圖示（Aa） - 選取文字時會出現，用於快速格式化
    * 區塊選單 - Long press 區塊，然後從內容選單選擇 **Style**
    * 斜線選單 - 輸入 `/style` 於行內套用文字樣式
  </Tab>

  <Tab title="Windows">
    * 右側邊欄 - Click **Style** 標籤以查看頁面層級樣式選項
    * 工具列 - 選取文字以顯示格式化控制項
    * 斜線選單 - 輸入 `/style` 快速存取文字格式化
  </Tab>

  <Tab title="Web">
    * 右側邊欄 - Click **Style** 標籤以存取頁面層級選項
    * 工具列 - 選取文字以開啟格式化控制項
    * 斜線選單 - 輸入 `/style`，在不離開鍵盤的情況下套用樣式
  </Tab>
</Tabs>

<iframe src="https://www.youtube-nocookie.com/embed/b2UL6B2m9Hg" title="Document Styling in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## 常見使用情境

### 專業文件

適用於商業報告、提案或面向客戶的文件：

* 使用 **Serif** 字型營造傳統且可信的氣質
* 為背景套用 **中性顏色**（灰、白）
* 加入代表品牌或主題的 **封面圖片**
* 將 **重點標註** 保持簡潔  –  僅用於關鍵數據或行動呼籲

### 個人知識庫

適用於筆記、日誌或學習資料：

* 嘗試 **Rounded** 或 **System** 字型以提升閱讀舒適度
* 使用 **色彩區分的背景** 來分辨議題（例如工作用藍、個人用綠）
* 大量使用 **重點標註** 以便快速掃描重要段落
* 用 **和紙膠帶分隔線** 為內容增加個性與視覺斷點

### 創意專案

適用於情緒板、作品集或故事呈現：

* 將 **卡片** 版面與 **圖片背景** 混搭以提升視覺衝擊力
* 使用 **漸層背景** 營造氛圍
* 套用與圖片相襯的 **自訂文字顏色**
* 將 **封面圖片** 疊加模糊效果以增加層次感

### 程式碼說明文件

適用於技術筆記或開發日誌：

* 程式碼區塊與技術內容建議使用 **Mono** 字型
* 使用 **高對比顏色**（深色背景、淺色文字）以減少眼睛疲勞
* 使用 **簡潔分隔線** 清楚區分章節
* 保持 **頁面背景** 簡約，讓內容成為焦點

<Info title="樣式一致性">
  找到喜歡的樣式後，將其在 **空間 設定** 中儲存為預設。這可確保所有新文件都以你偏好的美學為起點，節省時間並維持工作區的一致性。
</Info>

## 自訂流程

下列為為新文件設定樣式的一般流程：

<Steps>
  <Step>
    **從頁面基礎開始** – 選擇背景（純色、漸層或圖片）與封面圖片（如需要），這會設定整體基調。
  </Step>

  <Step>
    **選擇字型** – 根據文件用途挑選字型（正式文件用 Serif、技術文件用 Mono、輕鬆風格用 Rounded）。
  </Step>

  <Step>
    **加入結構元素** – 在主要章節間插入分隔線以建立視覺層次並提升可掃描性。
  </Step>

  <Step>
    **套用文字層級樣式** – 撰寫時使用重點標註、顏色與格式化來強調重點並增加視覺趣味。
  </Step>

  <Step>
    **微調與檢視** – 往後退一步檢視全貌，調整顏色、嘗試不同字型或切換分隔線樣式，直到文件感覺合適為止。
  </Step>
</Steps>

## 相關文章

<CardGroup cols={2}>
  <Card title="樣式快速指南" href="/zh-Hant/write-and-edit/styling/yang-shi-kuai-su-zhi-nan">
    包含所有樣式功能的完整指南
  </Card>

  <Card title="封面圖片" href="/zh-Hant/write-and-edit/styling/feng-mian-tu-pian">
    為文件自訂封面圖片
  </Card>

  <Card title="卡片版面" href="/zh-Hant/write-and-edit/styling/ka-pian">
    將頁面轉為視覺化的卡片版面
  </Card>

  <Card title="應用程式樣式" href="/zh-Hant/write-and-edit/styling/ying-yong-cheng-shi-yang-shi">
    將文件樣式延伸到應用介面
  </Card>

  <Card title="預設樣式" href="/zh-Hant/write-and-edit/styling/yu-she-yang-shi">
    將你偏好的樣式設為預設
  </Card>

  <Card title="發佈文件" href="/zh-Hant/share-and-publish/publish/fa-bu-wen-jian">
    在網路上分享美觀排版的文件
  </Card>

  <Card title="AI 助理" href="/zh-Hant/ai-assistant/ai-zhu-li">
    使用 AI 協助樣式與格式化內容
  </Card>
</CardGroup>