页面级设置
页面级设置
使用前置事项设置标题、描述、路径、布局和可见性
页面级设置
使用前置事项设置标题、描述、路径、布局和可见性
您可以选择使用前置事项来设置每个页面的标题、完整路径覆盖、元描述、建议编辑页面的 URL 以及 OpenGraph 图片。您还可以使用前置事项来禁用某些页面元素,如目录、页面反馈和页面操作。
对于超出前置事项选项的高级样式和功能自定义,请参见 自定义 CSS 和 JavaScript。
前置事项必须添加到 .md 或 .mdx 文件的顶部,在其余内容之前。使用三个破折号来指示前置事项的开始和结束,如下所示:
前置事项使用 YAML 语法,但值也会作为 MDX 处理。某些字符需要加引号,而其他字符需要反斜杠转义。
设置页面的 <title> 元素。这出现在浏览器标签、书签和搜索结果中。
页面标题可以通过两种方式设置:
最终标题将包含站点范围后缀。例如:
设置在侧边栏导航中显示的标题。这优先于 docs.yml 中定义的侧边栏标题。当您希望在保持描述性页面标题的同时使用较短的导航标签时使用此选项。
侧边栏标题可以通过两种方式设置:
sidebar-title 则使用):在页面上渲染为副标题。如果未设置 description,则 subtitle 也用作元描述标签和 llms.txt 和 llms-full.txt 中。
例如,滚动到您现在正在访问的页面顶部,您将看到副标题”使用前置事项设置标题、描述、路径、布局和可见性”。
在页面页脚显示”最后更新”时间戳。使用此选项向读者显示内容最后修改的时间。该值按原样显示,因此您可以使用任何您喜欢的日期格式。
此字段与您的 sitemap 中的时间戳分开,后者由系统自动管理并仅供搜索引擎使用。
想要在 MDX 文件更改时自动更新 last-updated 字段?请参见 自动更新最后更新日期 设置 GitHub Action 工作流程。
覆盖页面的完整 URL 路径,从文档站点的根目录开始。这优先于在 docs.yml 中定义的任何路径。
例如,如果您在前置事项中设置 slug: email,页面将在 /email 可用,无论其在导航结构中的位置如何。
有两种方式设置页面的 URL 路径:
slug,这相对于页面在导航中的位置:slug,这会覆盖一切并从根目录设置绝对路径:关键区别是:
设置页面的 元描述。与页面标题一样,元描述对 SEO 很重要。它影响搜索引擎在搜索结果片段中显示的关于您页面的文本。它还可以影响搜索引擎的索引和排名。有关更多信息,请参见 Google 的元描述指南。描述还用于 llms.txt 和 llms-full.txt。

使用指向在线托管图片的绝对 URL 为页面配置 OpenGraph 图片元数据。当您的文档链接在社交媒体平台上分享时,此图片会出现,使用 OpenGraph 元数据协议。有关更多信息,请参见 web.dev 的 OpenGraph 说明。
控制页面右侧目录功能的条件渲染。设置为 true 以禁用此功能。

当目录被隐藏时,Fern 默认会将页面内容居中。要控制页面的布局,请参见 布局文档。
设置目录的最大深度。例如,值为 3 将只在目录中显示 <h1>、<h2> 和 <h3> 标题。

控制页面底部导航链接(上一页、下一页)的条件渲染。设置为 true 以禁用此功能。
这可以在 全局配置 中全局设置。

控制页面底部页面反馈表单的条件渲染。设置为 true 以禁用此功能。
这可以在 全局配置 中全局设置。

控制页面操作按钮(复制页面、查看为 Markdown、Ask AI、ChatGPT、Claude、Claude Code、Cursor)的条件渲染。设置为 true 以关闭单个页面的页面操作。
或者,在您的 docs.yml 文件中为 整个站点配置页面操作。
覆盖页面的站点范围标志。使用绝对 URL 为浅色和深色模式指定不同的标志。
目前,此字段不支持相对路径。
设置页面布局。可用选项:
guide:默认文档布局,右侧有目录。适用于教程、操作指南和任何受益于通过章节轻松导航的内容。
overview:更宽的布局(比 guide 宽50%),带有目录和导航侧边栏。非常适合需要更多水平空间同时保持导航的首页和章节概述。
reference:为 API 或 SDK 参考优化的全宽布局。始终隐藏目录,因此您可以添加另一列,如代码示例。导航侧边栏保持可见。
page:无干扰的全屏布局,隐藏目录和导航侧边栏。最适合受益于专注阅读体验的独立内容。
custom:空白画布布局,移除所有默认样式约束。隐藏目录和导航侧边栏,允许完全控制页面布局。
只有记录的 SEO 字段会作为元标签添加到 HTML <head> 中。自定义前置事项字段不会自动出现在您的页面元数据中。要添加自定义元数据,请使用 自定义 JavaScript。
当设置时,文档头部的 <title /> 标签将使用此值而不是 title 属性。此属性更改搜索引擎在抓取此页面时看到的标题,可用于解决 SEO 报告中的重复标题问题。
覆盖此页面的规范 URL。必须是包含协议的完整 URL(即 https://buildwithfern.com/learn/docs/content/frontmatter)
与页面内容相关的关键词逗号分隔字符串(即 plants, garden, nursery)。这些关键词帮助搜索引擎理解页面主题并有助于搜索排名。使用用户在寻找页面内容时可能搜索的特定相关术语。
此字段只接受逗号分隔的字符串,而不是括号数组。
您的网站在内容分享时应出现的名称。
您的页面在内容分享时应出现的标题。
您的页面在内容分享时应出现的描述。
您页面的 URL。
内容分享时将显示的图片的 URL 或标识符。
图片的宽度(像素)。
图片的高度(像素)。
页面的语言环境,通常采用 language_TERRITORY 格式(例如,en_US)。
内容分享时将显示的您网站标志图片的 URL 或标识符。
您的页面在推文中应出现的标题。
您的页面在推文中应出现的描述。
页面创建者或站点的 Twitter 用户名。
推文中将显示的图片的 URL 或标识符。
您的网站在推文中应出现的名称。
您页面的 URL。
在 Twitter 上分享使用的卡片类型。选项:summary、summary_large_image、app、player
如果设置为 true,页面将不会被搜索引擎索引,并将从 llms.txt 端点中排除。
如果设置为 true,搜索引擎将不会跟随页面上存在的任何链接。
在页面上显示可用性标识。当在前置事项中设置时,它覆盖在 导航中定义的任何可用性(docs.yml)。有效值为:stable、generally-available、in-development、pre-release、deprecated 或 beta。
当您想要为单个页面设置可用性而不修改 docs.yml 导航配置,或当您需要覆盖从父级部分或文件夹继承的可用性时,这很有用。
仅用于 更新日志页面。标签允许用户按特定类别过滤更新日志条目。在前置事项中将标签定义为字符串数组。