zhenghy/u-claw
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor: reorganize guide.html sidebar navigation

Browse Source 
Old: 10 groups, "快速开始" had 11 items mixing install/config/reference
New: 10 groups with clear separation of concerns:
1. 🚀 快速开始 (2 items: intro + quickstart overview)
2. 📦 安装方式 (6 items: all install methods grouped together)
3. ⚙️ 首次配置 (3 items: post-install setup)
4. 🤖 模型配置 (unchanged)
5. 💬 接入平台 (unchanged)
6. 🎯 技能 (unchanged)
7. 📋 日常使用 (merged "推荐工具" single-item group here)
8. 🔒 进阶部署 (moved env-vars + commands here from FAQ)
9. ❓ 常见问题 (trimmed to FAQ + doctor + uninstall)
10. 📖 关于 (renamed from 官方文档, consolidated)
This commit is contained in:
dongsheng123132
2026-03-18 15:50:08 +08:00
parent bb537f3ce2
commit 2538d28d74
1 changed files with 57 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
website/guide.html
View File

@@ -92,35 +92,39 @@ ul{padding-left:20px}
</div>
<nav id="nav">
<!-- ① 入口：了解 + 总览 -->
<div class="nav-group open">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 🚀 快速开始</div>
<div class="nav-group-items">
<a class="nav-item active" href="#" data-page="intro">什么是 U-Claw</a>
<a class="nav-item" href="#" data-page="quickstart">3 分钟快速上手</a>
<a class="nav-item" href="#" data-page="oneclick">⚡ 一键在线安装</a>
<a class="nav-item" href="#" data-page="usb-run">从 U 盘运行（免安装）</a>
<a class="nav-item" href="#" data-page="install-pc">安装到电脑（桌面版）</a>
<a class="nav-item" href="#" data-page="dev-build">开发者搭建指南</a>
<a class="nav-item" href="#" data-page="mirrors">国内镜像源</a>
<a class="nav-item" href="#" data-page="onboard">首次配置向导</a>
<a class="nav-item" href="#" data-page="dashboard">网页控制台</a>
<a class="nav-item" href="#" data-page="linux-usb">Linux 启动盘模式（参考）</a>
<a class="nav-item" href="#" data-page="china-install">中国区原生安装教程</a>
</div>
</div>
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 💬 接入平台</div>
<!-- ② 安装：所有安装方式集中 -->
<div class="nav-group open">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 📦 安装方式</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="channels-all">全部平台一览</a>
<a class="nav-item" href="#" data-page="qq">QQ 机器人</a>
<a class="nav-item" href="#" data-page="feishu">飞书</a>
<a class="nav-item" href="#" data-page="dingtalk">钉钉</a>
<a class="nav-item" href="#" data-page="wecom">企业微信</a>
<a class="nav-item" href="#" data-page="telegram">Telegram</a>
<a class="nav-item" href="#" data-page="oneclick">⚡ 一键在线安装（推荐）</a>
<a class="nav-item" href="#" data-page="usb-run">U 盘便携版（免安装）</a>
<a class="nav-item" href="#" data-page="install-pc">桌面安装版（Electron）</a>
<a class="nav-item" href="#" data-page="linux-usb">Linux 启动盘</a>
<a class="nav-item" href="#" data-page="china-install">中国区原生安装</a>
<a class="nav-item" href="#" data-page="dev-build">开发者搭建</a>
</div>
</div>
<!-- ③ 装完后：首次配置 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> ⚙️ 首次配置</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="onboard">配置向导</a>
<a class="nav-item" href="#" data-page="mirrors">国内镜像源</a>
<a class="nav-item" href="#" data-page="dashboard">网页控制台</a>
</div>
</div>
<!-- ④ 模型 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 🤖 模型配置</div>
<div class="nav-group-items">
@@ -133,61 +137,72 @@ ul{padding-left:20px}
</div>
</div>
<!-- ⑤ 平台 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 💬 接入平台</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="channels-all">全部平台一览</a>
<a class="nav-item" href="#" data-page="qq">QQ 机器人</a>
<a class="nav-item" href="#" data-page="feishu">飞书</a>
<a class="nav-item" href="#" data-page="dingtalk">钉钉</a>
<a class="nav-item" href="#" data-page="wecom">企业微信</a>
<a class="nav-item" href="#" data-page="telegram">Telegram</a>
</div>
</div>
<!-- ⑥ 技能 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 🎯 技能</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="skills-overview">技能概览（52 个内置）</a>
<a class="nav-item" href="#" data-page="skills-cn">国内热门技能</a>
<a class="nav-item" href="#" data-page="skills-install">安装与管理</a>
<a class="nav-item" href="技能市场.html" target="_blank">技能市场</a>
</div>
</div>
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 🛠️ 推荐工具</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="rec-tools">AI 开发工具推荐</a>
</div>
</div>
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> ❓ 常见问题</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="faq">FAQ</a>
<a class="nav-item" href="#" data-page="commands">命令速查</a>
<a class="nav-item" href="#" data-page="env-vars">环境变量</a>
<a class="nav-item" href="#" data-page="doctor">诊断修复</a>
<a class="nav-item" href="#" data-page="maintain">维护与卸载</a>
<a class="nav-item" href="技能市场.html" target="_blank">技能市场 ↗</a>
</div>
</div>
<!-- ⑦ 日常 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 📋 日常使用</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="cron">定时任务</a>
<a class="nav-item" href="#" data-page="multi-model">多模型与省钱</a>
<a class="nav-item" href="#" data-page="rec-tools">AI 工具推荐</a>
</div>
</div>
<!-- ⑧ 进阶 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 🔒 进阶部署</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="vps">VPS 部署</a>
<a class="nav-item" href="#" data-page="security">安全加固</a>
<a class="nav-item" href="#" data-page="config-ref">配置文件参考</a>
<a class="nav-item" href="#" data-page="resources">社区资源</a>
<a class="nav-item" href="#" data-page="env-vars">环境变量</a>
<a class="nav-item" href="#" data-page="commands">命令速查</a>
</div>
</div>
<!-- ⑨ 问题 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 📖 官方文档</div>
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> ❓ 常见问题</div>
<div class="nav-group-items">
<a class="nav-item" href="https://www.u-claw.org" target="_blank">U-Claw 官网</a>
<a class="nav-item" href="https://github.com/dongsheng123132/u-claw" target="_blank">GitHub</a>
<a class="nav-item" href="https://skillhub.tencent.com/#categories" target="_blank">在线技能市场</a>
<a class="nav-item" href="https://github.com/openclaw/openclaw" target="_blank">OpenClaw 官方</a>
<a class="nav-item" href="#" data-page="faq">FAQ</a>
<a class="nav-item" href="#" data-page="doctor">诊断修复</a>
<a class="nav-item" href="#" data-page="maintain">维护与卸载</a>
</div>
</div>
<!-- ⑩ 关于 -->
<div class="nav-group">
<div class="nav-group-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 📖 关于</div>
<div class="nav-group-items">
<a class="nav-item" href="#" data-page="resources">社区资源</a>
<a class="nav-item" href="#" data-page="contact">联系我们</a>
<a class="nav-item" href="#" data-page="partners">🦞 合作招募</a>
<a class="nav-item" href="https://www.u-claw.org" target="_blank">U-Claw 官网 ↗</a>
<a class="nav-item" href="https://github.com/dongsheng123132/u-claw" target="_blank">GitHub ↗</a>
<a class="nav-item" href="https://github.com/openclaw/openclaw" target="_blank">OpenClaw 官方 ↗</a>
</div>
</div>
</nav>