> ## 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 文档增加视觉页眉，让页面看起来更专业、更精致。你可以上传自己的图片，或从 Unsplash 的专业照片库中选择。

## 添加封面图片

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        打开你的文档
      </Step>

      <Step>
        在右侧边栏中，选择 **样式** 部分
      </Step>

      <Step>
        点击 **封面图片** 选项
      </Step>

      <Step>
        选择 **上传自定义图片** 或从 **Unsplash** 中挑选
      </Step>
    </Steps>
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        打开你的文档
      </Step>

      <Step>
        在右侧边栏中，选择 **样式** 部分
      </Step>

      <Step>
        点击 **封面图片** 选项
      </Step>

      <Step>
        选择 **上传自定义图片** 或从 **Unsplash** 中挑选
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        打开你的文档
      </Step>

      <Step>
        轻点 three-dot menu (⋯)
      </Step>

      <Step>
        选择 **页面样式**
      </Step>

      <Step>
        选择 **封面图片**
      </Step>

      <Step>
        选择 **上传自定义图片** 或从 **Unsplash** 选择
      </Step>
    </Steps>
  </Tab>
</Tabs>

## 自定义封面图片

添加封面图片后，你可以编辑、裁剪并自定义它以符合需求。

<Steps>
  <Step>
    将鼠标移到封面图片的右下角
  </Step>

  <Step>
    点击出现的 **铅笔图标**
  </Step>

  <Step>
    使用编辑工具裁剪并定位图片
  </Step>

  <Step>
    完成后点击 **完成**
  </Step>
</Steps>

<iframe src="https://www.loom.com/embed/b18a0d437cfc469c9deb5e7985e8a552" title="在 Craft 中自定义封面图片" className="w-full aspect-video rounded-xl" allowFullScreen />

## 裁剪选项

你可以在网格下拉菜单中按特定长宽比裁剪封面图片：

* **默认** – 原图片比例
* **16:9** – 宽屏格式
* **2:1** – 超宽格式
* **3:1** – 超宽横幅
* **4:3** – 经典显示比例
* **自由格式** – 拖动角点自定义尺寸

<Info title="编辑技巧">
  - **缩小视图**：编辑时按住 `Cmd`（Mac）或 `Ctrl`（Windows）
  - **拖动图片**：按住 `Space` 栏以重新定位图片
  - **重置**：从网格下拉菜单中选择 **重置** 以重新开始
</Info>

## 删除封面图片

从文档中删除封面图片：

<Steps>
  <Step>
    将鼠标悬停在封面图片上
  </Step>

  <Step>
    点击出现的 **X** 图标
  </Step>
</Steps>

## 使用 Unsplash 图片

Craft 与 Unsplash 的集成可即时访问高质量、专业的照片：

<Steps>
  <Step>
    添加封面图片时，选择 **Unsplash**
  </Step>

  <Step>
    搜索与文档主题相关的关键词
  </Step>

  <Step>
    点击图片将其设为封面
  </Step>
</Steps>

所有 Unsplash 图片均可免费使用，无需署名，但如果标明来源我们会很感激。

## 相关文章

<CardGroup cols={2}>
  <Card title="样式速查指南" href="/zh-Hans/write-and-edit/styling/quick-guide">
    涵盖所有样式功能的全面指南
  </Card>

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

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