---
id: 6a7449b3985a7e097152c127
title: Gen-html
parentId: 6a744925985a7e097152c086
rootId: 6a74488c985a7e097152c04c
author: Rain
createdAt: 2026-08-06T08:45:39.948Z
updatedAt: 2026-08-06T10:15:24.119Z
---
# Gen-html
---
## 页面定位
向用户展示 2Ryun 的「建站能力」——如何把文档树一键变成在线网站。这是 6 个功能子页面中最核心的一个，直接对应 2Ryun 的核心能力 **「文档树一键建站」** [1][2]。与 Documents（讲内容根基）、Wiki Engine（讲知识提炼）相区别，本页定位为 **「建站」**——文档树负责沉淀内容，Gen-HTML 负责把内容变成网站 [1][2]。
**核心叙事角度**
```
本页与 Documents 相关联，是文档树的下游应用场景——文档树负责沉淀内容，Gen-HTML 负责把内容变成网站。
```
---
## 段落结构总览（8 段）
| | | **序号** | | | | | **段落** | | | | | **建议标题** | | | | | **关键元素** | | |
| | | §1 | | | | | Hero | | | | | `From document tree to website in one click.` | | | | | eyebrow + 副标题 + 双 CTA + 建站动效 | | |
| | | §2 | | | | | 建站四步 | | | | | `From tree to site in four steps` | | | | | 创建文档树→建站→选模板→生成 | | |
| | | §3 | | | | | 模板市场 | | | | | `75+ templates. One click away.` | | | | | 模板分类墙 | | |
| | | §4 | | | | | 站点控制 | | | | | `Full control. Zero lock-in.` | | | | | SEO/自定义域名/页面导航 | | |
| | | §5 | | | | | 一键更新 | | | | | `Edit once. Publish everywhere.` | | | | | 编辑→重新构建→更新上线 | | |
| | | §6 | | | | | 开发者能力（可选 Pro 向） | | | | | `Websites, hardwired into your stack` | | | | | 站点 API / 导出 / 自定义模板 | | |
| | | §7 | | | | | FAQ | | | | | （折叠面板） | | | | | 自定义域名、SEO、更新、代码 | | |
| | | §8 | | | | | Final CTA | | | | | `Your knowledge. Given wings.` | | | | | 全宽深色块 + 单 CTA | | |
---
## 逐段详细内容
### §1 · Hero
**Eyebrow**
```
the knowledge OS for the AI era
```
**主标题（H1）**
```
From document tree to website in one click.
```
**副标题**
```
Turn your document tree into a multi-page website in one click. No code. No design skills. Just your knowledge, given wings.
```
**双 CTA**
-
主按钮：`Build Your Site`
-
次按钮：`See It Live`（滚动到 §2）
**视觉元素**
-
右侧：文档树 → 网站页面生成的动效
-
背景：柔和渐变 + glassmorphism
---
### §2 · 建站四步 ★核心内容
**标题**
```
From tree to site in four steps
```
**四步流程**（配步骤卡）：
| | | **步骤** | | | | | **操作** | | | | | **结果** | | |
| | | ① 创建文档树 | | | | | 组织好你的根文档 + 子文档 | | | | | 内容结构就绪 | | |
| | | ② 创建站点 | | | | | 选择模板 + 指定根文档 | | | | | 网站框架生成 | | |
| | | ③ 选择模板 | | | | | 从 75+ 模板中挑选风格 | | | | | 视觉风格确定 | | |
| | | ④ 生成发布 | | | | | 一键构建 + 绑定域名 | | | | | 网站正式上线 [1] | | |
**配套文案**
```
从文档到上线，只需四步。全程无需写一行代码。
```
---
### §3 · 模板市场
**标题**
```
75+ templates. One click away.
```
**模板展示**（分类墙 + 场景 tag）：
| | | **分类** | | | | | **说明** | | | | | **场景** | | |
| | | 极简杂志 | | | | | magazine-minimal，漂亮杂志风 [1] | | | | | blog / 内容站 | | |
| | | 文档站 | | | | | 结构化文档展示 | | | | | docs / 帮助中心 | | |
| | | 作品集 | | | | | 视觉优先 | | | | | portfolio / 个人站 | | |
| | | 产品页 | | | | | 现代 SaaS 风 | | | | | landing / 产品介绍 | | |
**配套文案**
```
75+ 模板，覆盖博客、文档、作品集、产品页。总有一款适合你的内容。
```
---
### §4 · 站点控制
**标题**
```
Full control. Zero lock-in.
```
**3 项能力**
-
**SEO 自动构建**：为每个页面自动生成标题/层级/描述/封面图 [1]
-
**自定义域名**：免费绑定你的专属域名 [1]
-
**文章目录**：自动生成文章目录，导航清晰 [1]
**配套文案**
```
你的网站拥有完整的 SEO 元数据，随时可以绑定自己的域名。构建的是你的独立站点，不是别人平台的子页面。
```
---
### §5 · 一键更新
**标题**
```
Edit once. Publish everywhere.
```
**更新流程**：
```
✍️ 编辑文档 → 🔄 重新构建 → 🌐 更新上线
```
**3 点说明**
-
内容更新 = 编辑文档 + 重新构建 [1]
-
文档量再多也不怕，文档树操作毫无压力 [1]
-
**写一次，处处发布**——从文档到网页的闭环 [2]
---
### §6 · 开发者能力（可选，Pro 向）
**标题**
```
Websites, hardwired into your stack
```
**4 项能力**
-
🔌 **站点 API**：程序化创建/更新/发布站点
-
📤 **导出格式**：静态 HTML/资源包
-
🧩 **自定义模板**：接入自己的 HTML/CSS/脚本
-
🔐 **权限与部署**：细粒度控制发布权限
**设计提示**：若目标用户偏普通内容创作者，此段可折叠进 FAQ 或简化；若含开发者则保留为独立 Section [1]。
---
### §7 · FAQ（折叠面板）
| | | **问题** | | | | | **答案要点** | | |
| | | Can I use my own domain? | | | | | 是，支持绑定自定义域名 [1] | | |
| | | Is the website SEO-optimized? | | | | | 是，自动生成标题/描述/封面图 [1] | | |
| | | How do I update the site? | | | | | 编辑文档 → 重新构建 → 即可更新 [2] | | |
| | | Do I need to write code? | | | | | 不需要，全程可视化操作 | | |
| | | Can I export the website? | | | | | 是，支持静态导出（Pro） | | |
---
### §8 · Final CTA
**全宽深色块**
-
主标题：`Your knowledge. Given wings.`
-
副文案：`Your documents are ready. Give them a home on the web.`
-
按钮：`Build Your Site` → 引导到注册
---
## 文档树中的位置
```
🏠 Home（根文档）
├── 🌐 Features Overview（功能总览）
│ ├── 📄 Documents
│ ├── 🧠 Wiki Engine
│ ├── 🌐 Gen-HTML（本页）
│ ├── 💬 AI Assistant
│ ├── 🤖 ChatBot
│ └── 🔍 GEO
├── 💳 Pricing
└── ✉️ Contact
```
Gen-HTML 与 Documents 构成「内容 → 建站」的上下游关系，是 6 个功能子页面的核心 [1]。
#