# 章节模板使用说明（V2）
## 模板文件
`template.html` - 增强版公共模板
## 新增功能
### 1. 顶部固定导航栏
- **返回首页**按钮（🏠）- 返回网站首页
- **主题切换**按钮（☀️/🌙）- 切换深色/浅色模式
### 2. 底部固定导航栏
- **上一章**按钮 - 自动根据章节号生成链接
- **目录**按钮 - 返回章节列表页
- **下一章**按钮 - 自动根据章节号生成链接
- 滚动时始终可见
### 3. 右侧浮动按钮组
- **回到顶部**（↑）- 平滑滚动到页面顶部
- **回到底部**（↓）- 平滑滚动到页面底部
### 4. 侧边栏章节导航
- 显示**全部34章**完整列表
- 当前章节高亮显示
- 支持滚动查看
- 桌面端右侧固定，移动端自动隐藏
### 5. 主题切换
- 支持深色/浅色两种主题
- 自动保存用户偏好
- 所有元素颜色自适应
## 使用方法
`{{CHAPTER_META}}` 是模板占位符，用于插入章节元信息（如等级、地图），现已移除不用。
### 创建新章节
复制 `template.html` 并重命名为 `chapter-XX.html`
### 替换占位符
| 占位符 | 说明 | 示例 |
|--------|------|------|
| `{{CHAPTER_NUMBER}}` | 章节编号 | Chapter 35 |
| `{{CHAPTER_TITLE}}` | 章节标题 | 第三十五章：邪龙斯皮兹 |
| `{{CHAPTER_CONTENT}}` | 小说正文内容 | `正文...
` |
| `{{CHAPTER_ID}}` | 章节数字ID | 35 |
| `{{PREV_CHAPTER}}` | 上一章链接 | chapter-34.html |
| `{{NEXT_CHAPTER}}` | 下一章链接 | chapter-36.html |
| `{{PREV_DISABLED}}` | 上一章是否禁用 | disabled 或 空 |
| `{{NEXT_DISABLED}}` | 下一章是否禁用 | disabled 或 空 |
| `{{SIDEBAR_CHAPTERS}}` | 侧边栏全部章节 | 自动生成 |
### 正文内容格式
```html
这是第一段正文...
这是第二段正文...
「这是对话内容」角色说道。
```
**注意：正文内不要有章节标题，标题只在 `` 中显示**
### 完整示例（第35章框架）
```html
第三十五章：邪龙斯皮兹 - 阿拉德：剑之回响
四把钥匙在手中发出共鸣...
（正文内容，无标题）
```
## CSS 变量说明
模板使用 CSS 变量支持主题切换：
```css
:root {
--bg-primary: 背景渐变
--bg-container: 容器背景
--text-primary: 主要文字颜色
--text-secondary: 次要文字颜色
--accent-gradient: 强调色渐变
--border-color: 边框颜色
--btn-bg: 按钮背景
--btn-hover: 按钮悬停背景
}
```
通过 `data-theme="light"` 切换浅色主题。
## 注意事项
1. **正文内不要放章节标题** - 标题只在 `` 中
2. **侧边栏需要列出全部章节** - 保持完整性
3. **第1章的上一章要加 `disabled` 类**
4. **最后一章的下一章要加 `disabled` 类**
5. **每写新章记得更新侧边栏和 js/app.js**
## 批量更新脚本
如需修改模板后批量更新所有章节：
```bash
node final-update.js
```
（参考 `final-update.js` 源码，可根据需要调整）