改内容
修改标题、介绍、卡片、链接和列表。主要文字直接写入生成的 HTML。
页面与 HTML自定义页面 · 参考模板
一个页面，
三个编辑区。
文字放在 HTML，样式放在 CSS，交互放在 JavaScript。这个页面就是可以直接复制和修改的完整示例。
这是学习草稿，不会进入网站地图。发布之前，请换成你自己的真实内容。
编辑地图
要改哪里，一眼找到。
改外观
调整颜色、间距、圆角和排版。样式使用独立类名，手机布局也在这里设置。
CSS 样式改交互
让按钮响应点击。下面的计数与换色功能都由 JavaScript 输入框里的代码控制。
JavaScript可以动手试试
让按钮做点事情。
点击后计数加一，同时切换这个页面的强调色。点击重置恢复初始状态。
0次点击
从这个模板开始
四步，做成你自己的页面。
- 改标题和正文在“页面与 HTML”里修改文字；保留一个 H1，后续区块使用 H2、H3。
- 调整样式和交互在“CSS 样式”中修改顶部颜色变量；在“JavaScript”中修改按钮响应。
- 设置独立 SEO填写 SEO 标题、描述和分享信息。Canonical 留空自动生成，JSON-LD 默认自动生成。
- 检查并发布设置独立网址，关闭草稿并保存，先构建预览，再发布。这个示例默认禁止收录。
为什么后台实时预览里按钮没有反应？
实时预览只展示 HTML 和 CSS。JavaScript 要保存、关闭草稿并构建后，在构建预览中测试。当前参考页先保留为草稿。
新建页面会自动出现在导航里吗？
不会。需要时到“全站与界面设置 → 全站设置、导航和页脚”添加链接；此示例的页面文件名是 custom-page-example。