网站设置

/

页面设置

最后更新时间:

2025-07-17

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

image.png

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

image.png

页面名称

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

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

更多 SEO 相关内容请查看:SEO 设置

URL 路径

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

比如当设置一个页面的 URL 路径是 /blogs 时,当用户通过 https://{你的域名}/blogs 就能打开这个页面。

有几个特殊的路径规则:

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

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

虽然 URL 路径可以是任何字符,但设置为更规范的 语义 URL 更有利于 SEO 与用户体验,关于设置 URL 路径的一些建议可参见:语义化 URL

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

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

URL 变量 - slug

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

image.png

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

image.png

页面类型

我们有两种类型的页面:

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

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

image.png

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

image.png

更多 CMS 相关内容请查看这篇文章:内容管理 - CMS

页面平滑滚动

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

是否上线

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

SEO

SEO 设置详见下一篇文章:SEO 设置

继续阅读

下一篇