主 题
Home 端使用手册 · 第 0/7 篇
目录 · 上一篇：无 · 下一篇：发现与阅读
写在前面
blog-home-nuxt 是博客的 C 端前台：读者在这里浏览文章、留言互动；注册作者后可以写文、收评论、玩 RPG 冒险。
本系列是 面向读者与作者的图文操作手册：每个主要页面配有截图（统一 cyber 深色主题），关键浮层与弹框单独配图。本地开发入口：http://localhost:5050；线上：https://jiang-xia.top。
技术向的功能索引见 Home 端 2026-06 功能说明 与自文档 02 文章、分类、标签与发现。
顶栏导航一览
固定顶栏包含：站点 Logo、主导航、搜索、主题切换、通知铃铛（登录后）、RPG HUD（登录后）、登录/头像菜单。
| 菜单项 | 路径 | 说明 |
|---|---|---|
| 首页 | / |
每日诗词 Hero、RPG 横幅、文章列表与侧栏 |
| ⚔️ 冒险 | /rpg |
RPG 签到、任务、抽奖、公会 |
| 快速入口 | /download |
常用页面卡片导航 |
| 归档 | /archives |
按年月时间轴 |
| 友链 | /links |
友情链接 |
| 留言板 | /msgboard |
树形留言 |
| 关于 | /about |
作者介绍 |
| 项目 | /projects |
多端 Demo 展示 |
| 工具箱 | /tool/* |
14 个实用工具子页 |
| 特性 | /features |
功能亮点总览 |
页脚提供 SITEMAP、RSS（/feed.xml）与开源说明入口 /open-source。
主题：cyber 赛博风
本站默认主题为 cyber（深色赛博玻璃拟态）。点击顶栏 四色点阵按钮（aria-label="切换主题"）可展开主题面板，选择 cyber / cyber-light 或其它 DaisyUI 主题；点击 太阳/月亮图标 可在 cyber 深色与 cyber-light 浅色间快速切换。
本手册截图均在 cyber 深色 下采集，便于统一视觉。
搜索浮层
点击顶栏 放大镜 展开站内搜索：输入关键词实时联想前 5 条标题，回车或「查看全部结果」跳转 /search?q= 统一搜索页。
功能全景
flowchart TB
subgraph read [01 发现与阅读]
H[首页] --> S[搜索/归档/分类/标签]
S --> D[文章详情]
end
subgraph comm [02 社区页]
L[友链/留言] --> A[关于/项目/特性]
end
subgraph auth [03 登录注册]
LG[登录] --> RG[注册]
end
subgraph user [04 用户中心]
P[个人中心 6 Tab] --> E[写文章]
end
subgraph rpg [05 RPG 冒险]
R[状态/背包/宠物/公会/排行]
end
subgraph tool [06 工具箱]
T[14 个子工具页]
end
read --> comm
auth --> user
user --> rpg
comm --> tool
本系列目录（7 篇）
| 篇 | 主题 | 覆盖页面 |
|---|---|---|
| 00（本篇） | 导读 | 导航、主题、搜索、全景 |
| 01 | 发现与阅读 | 首页、搜索、归档、分类/标签、详情 |
| 02 | 社区与介绍 | 快速入口、友链、留言、关于、项目、特性、开源 |
| 03 | 登录与注册 | 账号/邮箱登录、注册、通知铃铛 |
| 04 | 用户中心 | 名片/文章/收藏/评论/收件箱/看板、写文、公开主页 |
| 05 | RPG 冒险 | 五 Tab、新手引导、攻略 |
| 06 | 工具箱 | 14 个工具子页 |
截图资产说明
- 存放路径：
/static/uploads/self-doc/screenshots/home-manual/ - 命名规范：见仓库
docs/self-doc/screenshots/home-manual/README.md - 重新采集：
cd blog-admin && node ../blog-server/docs/self-doc/scripts/capture-home-screenshots.mjs
系列导航
- 下一篇：01 发现与阅读
- 技术索引：自文档 02 文章、分类、标签与发现
全部评论(0)