refactor: reorganize guide.html sidebar navigation
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:
@@ -92,35 +92,39 @@ ul{padding-left:20px}
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav id="nav">
|
<nav id="nav">
|
||||||
|
<!-- ① 入口:了解 + 总览 -->
|
||||||
<div class="nav-group open">
|
<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-title" onclick="this.parentElement.classList.toggle('open')"><span class="arrow">▶</span> 🚀 快速开始</div>
|
||||||
<div class="nav-group-items">
|
<div class="nav-group-items">
|
||||||
<a class="nav-item active" href="#" data-page="intro">什么是 U-Claw</a>
|
<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="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>
|
</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">
|
<div class="nav-group-items">
|
||||||
<a class="nav-item" href="#" data-page="channels-all">全部平台一览</a>
|
<a class="nav-item" href="#" data-page="oneclick">⚡ 一键在线安装(推荐)</a>
|
||||||
<a class="nav-item" href="#" data-page="qq">QQ 机器人</a>
|
<a class="nav-item" href="#" data-page="usb-run">U 盘便携版(免安装)</a>
|
||||||
<a class="nav-item" href="#" data-page="feishu">飞书</a>
|
<a class="nav-item" href="#" data-page="install-pc">桌面安装版(Electron)</a>
|
||||||
<a class="nav-item" href="#" data-page="dingtalk">钉钉</a>
|
<a class="nav-item" href="#" data-page="linux-usb">Linux 启动盘</a>
|
||||||
<a class="nav-item" href="#" data-page="wecom">企业微信</a>
|
<a class="nav-item" href="#" data-page="china-install">中国区原生安装</a>
|
||||||
<a class="nav-item" href="#" data-page="telegram">Telegram</a>
|
<a class="nav-item" href="#" data-page="dev-build">开发者搭建</a>
|
||||||
</div>
|
</div>
|
||||||
</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">
|
||||||
<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">
|
<div class="nav-group-items">
|
||||||
@@ -133,61 +137,72 @@ ul{padding-left:20px}
|
|||||||
</div>
|
</div>
|
||||||
</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">
|
||||||
<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">
|
<div class="nav-group-items">
|
||||||
<a class="nav-item" href="#" data-page="skills-overview">技能概览(52 个内置)</a>
|
<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-cn">国内热门技能</a>
|
||||||
<a class="nav-item" href="#" data-page="skills-install">安装与管理</a>
|
<a class="nav-item" href="#" data-page="skills-install">安装与管理</a>
|
||||||
<a class="nav-item" href="技能市场.html" target="_blank">技能市场</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>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- ⑦ 日常 -->
|
||||||
<div class="nav-group">
|
<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">
|
<div class="nav-group-items">
|
||||||
<a class="nav-item" href="#" data-page="cron">定时任务</a>
|
<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="multi-model">多模型与省钱</a>
|
||||||
|
<a class="nav-item" href="#" data-page="rec-tools">AI 工具推荐</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- ⑧ 进阶 -->
|
||||||
<div class="nav-group">
|
<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">
|
<div class="nav-group-items">
|
||||||
<a class="nav-item" href="#" data-page="vps">VPS 部署</a>
|
<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="security">安全加固</a>
|
||||||
<a class="nav-item" href="#" data-page="config-ref">配置文件参考</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>
|
</div>
|
||||||
|
|
||||||
|
<!-- ⑨ 问题 -->
|
||||||
<div class="nav-group">
|
<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">
|
<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="#" data-page="faq">FAQ</a>
|
||||||
<a class="nav-item" href="https://github.com/dongsheng123132/u-claw" target="_blank">GitHub</a>
|
<a class="nav-item" href="#" data-page="doctor">诊断修复</a>
|
||||||
<a class="nav-item" href="https://skillhub.tencent.com/#categories" target="_blank">在线技能市场</a>
|
<a class="nav-item" href="#" data-page="maintain">维护与卸载</a>
|
||||||
<a class="nav-item" href="https://github.com/openclaw/openclaw" target="_blank">OpenClaw 官方</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="contact">联系我们</a>
|
||||||
<a class="nav-item" href="#" data-page="partners">🦞 合作招募</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>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
Reference in New Issue
Block a user