跳转到内容

使用 Payload 管理你的网站

欢迎使用 Payload CMS。Payload 是一个强大的内容管理系统（CMS），它允许你轻松地管理网站的内容，而无需编写复杂的代码。本指南将带你从零开始，了解 Payload 的核心概念，并一步步教你如何构建一个网页。

1. 核心概念

在开始操作之前，我们需要了解三个核心概念：

集合 (Collections)

你可以把“集合”想象成存放同类信息的文件夹。例如：

页面 (Pages): 存放你网站上的每一个独立页面（如：首页、关于我们）。
媒体库 (Media): 存放你上传的所有图片、视频和文件。
文章 (Posts): 如果你有博客，这里就是存放博客文章的地方。

全局配置 (Globals)

“全局配置”用于存放全站通用的设置。这些内容通常出现在网站的每一个页面上，例如：

页头 (Header): 网站顶部的导航栏。
页脚 (Footer): 网站底部的版权信息和链接。

块 (Blocks)

“块”是构建页面的积木。Payload 不像传统的文档编辑器那样只有一块空白区域，它允许你通过“堆叠”不同的功能块来构建页面。每个块都有特定的功能，比如一段文字、一张大图或者一个按钮。

2. 准备工作：管理媒体文件

在创建页面之前，通常建议先把你需要的图片上传到媒体库 (Media)。

在左侧菜单中点击 媒体库 (Media)。
点击 Create New (新建)。
上传你的图片，并为它填写一个 Alt (替代文字)。替代文字是对图片的简单描述，有助于搜索引擎优化（SEO）和残障人士阅读。
点击 Publish (发布)。

3. 创建你的第一个页面

现在，让我们来创建一个新页面。

第一步：基础信息

点击左侧菜单中的 页面 (Pages)。
点击 Create New (新建)。
Title (标题): 输入页面的名称，例如“产品介绍”。
Slug (网址后缀): 系统通常会根据标题自动生成。比如标题是“产品介绍”，Slug 可能是 product-intro。这决定了页面的网址（如 www.your-site.com/product-intro）。

第二步：选择 Hero (页面头图)

在页面顶部的 Hero 选项卡中，你可以选择页面的开场样式：

High Impact (高视觉冲击): 全屏大图带文字，适合首页。
Medium Impact (中等视觉冲击): 较小的背景图，适合介绍页。
Low Impact (低视觉冲击): 只有文字标题，适合简洁的页面。

第三步：使用“块 (Blocks)”构建内容

切换到 Content (内容) 选项卡，点击 Add Layout (添加布局) 来添加内容块。以下是常用的块：

Content (内容块): 最常用的块。你可以在这里输入文字，设置加粗、标题、列表等。它还支持多列布局。
Media Block (媒体块): 用于插入图片或视频。你可以从媒体库中选择已上传的文件。
Call to Action (行动号召块): 一个带有标题、描述和按钮的块，用来吸引用户点击（例如“立即咨询”或“了解更多”）。
Archive (存档块): 自动显示其他内容的列表。例如，你可以用它在页面底部显示最新的三篇博客文章。

小技巧：

你可以通过拖拽左侧的图标来调整块的上下顺序。
点击块右上角的垃圾桶图标可以删除该块。

4. 设置网站导航

创建好页面后，你需要让用户能在网站顶部找到它。

点击左侧菜单底部的 页头 (Header)（在全局配置下）。
在 Nav Items (导航项目) 中点击 Add Nav Item (添加项目)。
配置链接：
- Label (标签): 导航栏显示的文字，如“产品”。
- Type (类型): 选择 Internal Link (内部链接)。
- Document (文档): 在下拉菜单中选择你刚才创建的“产品介绍”页面。
点击 Save Changes (保存更改)。

5. 预览与发布

在编辑页面时，你有两个选择：

Save Draft (保存草稿): 保存你的更改，但网站访问者看不到这些变化。你可以随时回来继续编辑。
Publish (发布): 立即更新网站，让所有访问者都能看到。

你可以点击 Preview (预览) 按钮，在新的标签页中实时查看页面在网站上的真实样子。

总结

通过 Payload 构建网站就像搭积木一样简单：

上传素材到媒体库。
创建页面并设置网址。
组合功能块来丰富页面内容。
更新导航让页面可见。

现在，开始尝试构建你的第一个页面吧！