落地页的目的是欢迎用户并提供产品概览。
易于理解、友好、对话式、直言不讳
pcx_content_type: overview
products:
- product-a
- product-b
- product-c有关更多详细信息,请参阅 pcx_content_type。
PublicStats:PublicStats组件允许您引用有关 Cloudflare 网络的特定数值,而无需在多个文件中维护这些值。
元数据标题:概览
标题:产品名称、产品组或概念性内容区域。H1。通常是名词。不要在标题中添加 "documentation"(文档)。不要使用动名词短语。
简介/概览:简短的欢迎介绍性内容。可与产品描述合并。
产品描述:这个产品是做什么的?您为什么要使用它?
产品可用性:该产品适用于哪些计划?查看可用计划类型 ↗。
产品属性:该产品包含什么?(特定的操作、保护等)
功能:特定于产品的几个主要功能。包含指向该功能相关文档的链接。
相关产品:指向与当前产品一起使用或配置的产品文档的链接。关于产品图标,请参阅此图标库 ↗。
更多资源:指向相关资源(如计划、定价)的外部链接。不要重复页脚中的信息。此外,如果该产品可以免费使用,或者没有任何有用的链接,可以跳过此部分。查看可用图标。
视觉效果:可增强落地页视觉效果的图形或图像。它应该是一些相对静态的内容,将来不需要(或几乎不需要)更新。
集成信息
---
title: Overview
weight: xx
layout: overview
pcx_content_type: overview
description: <Cloudflare 产品> <用一句话说明其作用>。适用于 <计划类型>。
products:
- product-a
- product-b
- product-c
---
# Cloudflare <产品名称>(对于 Beta 阶段的产品,使用 {{</*beta*/>}}Cloudflare <产品名称>{{</*/beta*/>}})
{{</*description*/>}}
产品描述 - 这个产品是做什么的?您为什么要使用它?产品功能的简短概述(约 10-15 个字)。
{{</*/description*/>}}
{{</*plan type="<类型>"*/>}}
摘要 - 简短的欢迎介绍性内容。用几句话向客户描述产品的好处。重点说明客户可获得的好处,但也可以包含一般性产品信息。
了解如何[快速入门](/<product>/get-started/)。
---
## 功能
{{</*feature header="功能名称" href="/link/to/feature/" cta="与功能名称不同的可选消息"*/>}}
突出产品功能特性的描述。此部分支持使用 Markdown 列表表示多个属性。
{{</*/feature*/>}}
---
## 相关产品
{{</*related header="<产品名称>" href="</link/to/product>" product="<slugified-product-name>"*/>}}
与当前产品配合使用或连接配置的产品描述。
{{</*/related*/>}}
---
## 更多资源
{{</*resource-group*/>}}
{{</*resource header="<资源名称>" href="https://www.cloudflare.com/link-to-resource/" icon="图标名称"*/>}}
与当前产品相关的外部资源描述。
{{</*/resource*/>}}
{{</*/resource-group*/>}}在任何嵌套导航中,概览页面均为默认的“第一”页。在某些情况下,为了确保良好的信息架构和导航性,您可能需要重命名或删除概览页面。
如果概览页面仅充当目录,没有提供任何附加信息或上下文,请考虑将其完全删除。
删除嵌套文件夹中的 index.mdx 文件是不行的,这会导致构建错误。要从文档中移除该页面,必须使用侧边栏样式更改来隐藏 index.mdx 文件。此外,为了确保用户不会意外访问概览页面,请添加重定向。
要隐藏概览页面,请在页面的 frontmatter 中将 group.hideIndex 属性设置为 true。
---
title: Placeholder
sidebar:
group:
hideIndex: true
---Images 是一个产品可用性较复杂的示例,不太容易只使用一种计划类型。要为每个计划类型创建组件,请在每个 feature 组件下方插入 {{</*plan type="<PLAN_TYPE>"*/>}},如下所示:
{{</*feature header="<CLOUDFLARE_PRODUCT>" href="/path/to/product"*/>}}
{{</*plan type="PLAN_TYPE"*/>}}
此部分中内容的描述。
{{</*/feature*/>}}