# 页面设置 | Creght 可视化文档

> 在编辑器界面的左侧 - “页面” 点击某个页面后的三个点，可以进入页面设置 在 页面设置 中，你可以设置页面的路径、页面类型、是否上线和 SEO 设置。…

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)帮助文档](/help.md)

[更新历史](/blogs.md)

[AI](/docs/ai/quick-create-first-website.md) [可视化](/docs/get-start.md)

入门

- [两分钟了解 Creght](/docs/get-start.md)
- [如何注册 Creght](/docs/signup.md)
- [快速制作网站](/docs/create-site.md)
- [模板](/docs/tpls.md)

设计

- [编辑器](/docs/editor.md)
- [基本操作](/docs/operating.md)
- [什么是布局](/docs/layout.md)
- [什么是定位](/docs/position.md)
- [什么是尺寸](/docs/size.md)
- [断点](/docs/breakpoint.md)
- [弹窗](/docs/popover.md)
- [组件](/docs/components.md)
- [添加第三方字体](/docs/tp-font.md)
- [副本与深拷贝](/docs/deep-copy.md)

CMS

- [内容管理 \- CMS](/docs/cms.md)
- [CMS 导入微信公众号文章](/docs/wxmp.md)

网站设置

- [页面设置](/docs/page-setting.md)
- [如何升级套餐](/docs/manage-plan.md)
- [SEO 设置](/docs/seo-setting.md)
- [小文件](/docs/verification-file.md)
- [绑定自定义域名](/docs/custom-domain.md)
- [如何进行网站备案](/docs/beian.md)
- [服务器节点说明](/docs/website-node.md)
- [如何切换站点](/docs/pxrp79jqtnyq.md)
- [多语言本地化](/docs/localization.md)

AI

- [关于 Creght AI](/docs/creght-ai.md)

工具

- [从 Figma 设计稿到可交互网站](/docs/figma-to-creght.md)
- [Figma 转响应式布局的 3 大核心指南](/docs/figma-autolayout.md)
- [Figma 设计稿一键转响应式网站](/docs/response-site.md)
- [Figma 转响应式网站-交互篇](/docs/figma03.md)
- [使用 FFmpeg 压缩视频](/docs/ffmpeg.md)
- [如何将 Clarity 添加到您的网站](/docs/clarity.md)
- [按钮 Hover 动效制作教程](/docs/button.md)
- [响应式导航栏制作教程](/docs/nav.md)
- [折叠面板](/docs/collapse.md)

网站设置/

# 页面设置

在编辑器界面的左侧 \- “页面” 点击某个页面后的三个点，可以进入页面设置

![image.png](https://fsb.huglight.cn/user/1/mgAcVjesZHt__image.png)

在 **页面设置** 中，你可以设置页面的路径、页面类型、是否上线和 SEO 设置。

![image.png](https://fsb.huglight.cn/user/1/mgAcVmNNESz__image.png)

### 页面名称

“页面名称” 主要用于管理者（网站制作者）区分页面，而不是作为用户可以看到的“页面标题”。

通常我们需要分开设置“页面名称”与 “页面标题”，比如，我们希望网站给用户展现设置一个页面标题：“更耐用、使用的五金｜XX 五金”，这有利于 SEO，但在编辑器中，为了更容易辨别，我们会设置一个更简短的页面名称：“首页”。

更多 SEO 相关内容请查看： [SEO 设置](https://www.creght.com/docs/seo-setting)

### URL 路径

URL（Uniform Resource Locator，统一资源定位符）是互联网上用于定位和访问资源的地址。你可以把它想象成网络世界的"门牌号码"或"街道地址"，它告诉浏览器去哪里找到你想要访问的内容。

比如当设置一个页面的 URL 路径是 `/blogs` 时，当用户通过 [**https://{你的域名}/blogs**](https://example.com/blogs) **就能打开这个页面。**

有几个特殊的路径规则：

- **首页：只需要设置为 / 即可。**
- 自定义 404 页面：当页面的路径设置为 /404，则当用户访问一个不存在的路径时，会显示此页面。


> URL 路径不能重复，所以如果你想要更改一个页面的路径为已有的路径时，需要先更改之前的页面路径为其他；例如已经有首页的情况，要设置另一个页面为首页时，需要将老的首页路径从 / 改为其他（如 /index-old）。


虽然 URL 路径可以是任何字符，但设置为更规范的 **语义 URL 更有利于 SEO 与用户体验，** 关于设置 URL 路径的一些建议可参见： [语义化 URL](https://zh.wikipedia.org/wiki/%E8%AF%AD%E4%B9%89URL)

这里总结几条简单的规则：

- 使用合适的英文单词，比如 关于我们： `about`，联系我们： `contact`
- 使用正确的层级，比如博客下的关于 Creght 的 URL 路径： `blogs/about-creght`

**URL 变量 - slug**

对于页面类型是 “CMS 详情页面” 的页面，实际上没有一个固定的链接，比如我们有很多个博客详情页面，它们的地址是 `/blogs/a`, `/blogs/b` 等，这时候我们需要在链接中设置一个特殊的变量：slug，例如博客详情页面的 URL 应该设置为： `/blogs/:slug` 。

![image.png](https://fsb.huglight.cn/user/1/mgAcVxZAVpY__image.png)

再配合 CMS 内容中的 slug 配置，来共同实现动态链接。

![image.png](https://fsb.huglight.cn/user/1/mgAcVKkACmS__image.png)

### 页面类型

我们有两种类型的页面：

- 普通页面就如首页、关于我们，其地址是固定的，不会有变量。
- CMS 详情页面：用于展示 CMS 动态数据，实现只有 **一个布局页面**， **但可以动态呈现不同的内容**。常见的场景：新闻详情页面、案例详情页面、博客详情页面等。

CMS 详情页面和普通页面最大的不同就是必须绑定一个 CMS：

![image.png](https://fsb.huglight.cn/user/1/mgAcVXgWUeR__image.png)

然后在这个页面中的图片、文字组件就可以绑定上选择的 CMS 的内容字段。

![](https://fsu.creght.com/user/3/mhOwUgSFKlZ__image.png)

更多 CMS 相关内容请查看这篇文章： [内容管理 \- CMS](https://www.creght.cn/docs/cms)

### 页面平滑滚动

开启了页面平滑滚动之后，我们通过插件来实现更平滑的页面的滚动效果，您可以开启或关闭平滑滚动然后滚动页面仔细体验下差异。

### 是否上线

默认新建的页面都是上线状态，当网站发布后，这个页面就能被正常访问；如果切换为下线状态，搜索引擎或者用户就无法访问这个页面，常用我们需要将还没有完成的页面设置为下线状态。

### SEO

SEO 设置详见下一篇文章： [SEO 设置](https://www.creght.cn/docs/seo-setting)

本文目录

- [页面名称](#页面名称)
- [URL 路径](#url-路径)
- [页面类型](#页面类型)
- [页面平滑滚动](#页面平滑滚动)
- [是否上线](#是否上线)
- [SEO](#seo)

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

此网站使用 [Creght](/) 创建

![微信客服](https://fsu.creght.com/site/2066727200882692096/1785119134612__image.png)

微信客服

## 链接

- [价格](/price.md)
- [解决方案](/solution.md)
- [客户案例](/customers.md)
- [帮助中心](/help.md)
- [联系我们](/contact.md)
- [更新记录 & 博客](/blogs.md)
- [退款说明](/tuikuan.md)

## 资源

- [全部资源](/resources.md)
- [模板](/templates.md)
- [组件库](https://creghtlib.site.creght.com)
- [动效库](/design/effects.md)
- [Figma to Creght](/figma2creght.md)
- [API](/api.md)

## 产品对比

- [对比上线了](/creght-vs-sxl.md)
- [对比凡科建站](/creght-vs-fkw.md)
- [自己写代码 vs Creght](/compare/self-coding.md)
- [外包 vs 自己做](/compare/outsourcing.md)

## 协议

- [用户协议](/legal/terms.md)
- [隐私政策](/legal/privacy.md)
- [可接受使用政策](/legal/acceptable-use.md)

## 社交媒体

- [小红书](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [哔哩哔哩](https://space.bilibili.com/513308095)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)