> ## 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">
    * **Right sidebar** – Click the **Style** tab (paintbrush icon) to see all page-level options
    * **Left sidebar** – Find the **Styles** panel with live style previews in newer versions
    * **Toolbar** – Select text and use the formatting toolbar for quick text-level changes
    * **Keyboard** – Press `Cmd+Shift+S` to open the styles panel
  </Tab>

  <Tab title="iOS">
    * **three-dot menu (⋯)** 位于右上角 – 访问 **Page Style** 以设置文档范围的选项
    * **Letter icon (Aa)** – 当选中文本时出现，用于快速格式化
    * **Block menu** – 轻触并长按一个块，然后从上下文菜单中选择 **Style**
    * **Slash menu** – 输入 `/style` 在行内应用文本样式
  </Tab>

  <Tab title="Windows">
    * **Right sidebar** – Click the **Style** tab to see page-level styling options
    * **Toolbar** – Select text to reveal formatting controls
    * **Slash menu** – Type `/style` for quick access to text formatting
  </Tab>

  <Tab title="Web">
    * **Right sidebar** – Click the **Style** tab for page-level options
    * **Toolbar** – Select text to access formatting controls
    * **Slash menu** – Type `/style` to apply styles without leaving the keyboard
  </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-Hans/write-and-edit/styling/kuaisu-zhinan">
    全面介绍所有样式功能的指南
  </Card>

  <Card title="封面图片" href="/zh-Hans/write-and-edit/styling/fengmian-tupian">
    为你的文档自定义封面图片
  </Card>

  <Card title="卡片布局" href="/zh-Hans/write-and-edit/styling/kapian-buju">
    将页面转换为视觉卡片布局
  </Card>

  <Card title="应用样式" href="/zh-Hans/write-and-edit/styling/yingyong-yangshi">
    将文档样式扩展到应用界面
  </Card>

  <Card title="默认样式" href="/zh-Hans/write-and-edit/styling/moren-yangshi">
    将你偏好的样式设为默认
  </Card>

  <Card title="发布文档" href="/zh-Hans/share-and-publish/fabu-wendang">
    在网页上分享精美样式的文档
  </Card>

  <Card title="AI 助手" href="/zh-Hans/ai-zhushou">
    使用 AI 协助进行样式和格式化
  </Card>
</CardGroup>