阅读排版 v1

最新改动阅读笔记（2026-03）

这版最有价值的变化，不是“多几个按钮”，而是流程被重构成了稳定闭环：

• 内容侧：内容输入 -> 内容库管理 -> 同步/切换记录
• 排版侧：主题（只改配色） -> 完整模板（排版+显示+分栏） -> 预览后确认应用
• 预览侧：标题/正文/译文/统计卡 都支持就地浮层微调

模块概览

建议按这 8 块理解：

• 内容库（本地/服务端仓储切换、记录选择、同步）
• 内容生成（复制提示词 -> AI 生成 JSON -> 粘贴应用）
• 内容细节（主副标题/正文/译文/重点词，含手动提示词）
• 图片与日期（粘贴/上传/清空/编辑裁剪）
• 主题样式（仅配色，不覆盖排版）
• 完整模板（排版 + 显示开关 + 右栏分栏比例）
• 显示控制（日期/统计/图片/注解/右栏/音标）
• 朗读与分栏（TTS、双分栏、右栏宽度拖拽）

简单上手（5步）

1. 打开 /v1，先完成 VIP 激活。
2. 进入 内容 页签，在 文章内容 点击 复制，发给 AI，拿到 JSON 后粘贴并 应用。
3. 在 内容库 点 新建 保存当前稿，再点 同步 确保持久化。
4. 切到 排版 页签，先选 主题样式（改色），再选 模板（改排版）。
5. 预览满意后点底部 应用，最后按需 导出配置 JSON 或 导出 PDF。

重点模块

模块 0：内容库（新增）

• 支持两种存储源：本地 IndexedDB / 服务端数据库。
• 每条内容是完整记录（content + style + visibility），点列表即可整套回填。
• 支持 新建、同步、删除，并有自动定时同步兜底。
• 如果服务端不可用，会自动回退本地并给出提示，不会中断编辑。

模块 1：内容生成

1. 点击 复制 获取内容提示词。
2. 在 AI 中生成结构化结果（推荐 JSON）。
3. 粘贴回输入框并点击 应用。

建议固定路径：复制提示词 -> AI 处理 -> 粘贴并应用。

模块 2：内容细节

可直接改：

• 主标题 / 副标题
• 英文正文 / 中文译文
• 重点单词

同时提供“手动生成提示词”的查看与复制入口，适合手工补内容。

模块 3：图片与日期

• 全局粘贴图片：在 /v1 任意区域 Ctrl/Cmd + V。
• 媒体模块上传图片：内容 -> 期刊信息与媒体 -> 选择图片。
• 预览区支持图片就地裁剪编辑和悬停删除。
• 显示控制 中可一键隐藏图片（仅隐藏显示，不删除数据）。

模块 4：主题样式（颜色主题）

主题样式 用来快速换色，不改字体/字号/间距。支持：

• 复制当前主题
• 复制所有主题
• 恢复默认主题
• 清空主题库
• 保存为新主题
• 覆盖/删除当前主题

主题切换走“预览态”，需要底部点击 应用 才会正式生效。

模块 5：完整模板（排版模板）

模板 与 主题 已分离。完整模板会保存：

• 字体、字号、行高、字距等排版参数
• 显示开关状态
• 右栏分栏比例（拖拽后的宽度）

并支持：

• 点击 + 快速新增模板（自动编号）
• 置顶、拖拽排序、展开更多
• 预览后 应用 / 取消

模块 6：就地浮层样式编辑

• 点击主/副标题，可直接打开标题样式浮层（字体、字号、粗细、颜色等）。
• 正文区和译文区右上角有样式按钮，打开同一个正文排版浮层并自动切到对应页签。
• 点击顶部统计卡，可弹出统计卡颜色浮层做所见即所得调整。

模块 7：显示控制

在 排版 -> 显示控制 可切换：

• 日期
• 统计
• 图片
• 注解
• 右栏
• 音标

当前语义统一为“开 = 显示”。

模块 8：朗读与分栏

• TTS 支持句级播放、语速等能力。
• 桌面端双分栏：左侧阅读预览，右侧配置面板。
• 预览内正文区与单词区支持拖拽分栏，比例可随完整模板一起保存/恢复。

使用建议

• 日常固定用法：内容库管理记录 + 主题控色 + 模板控排版。
• 做分享稿时，先隐藏右栏和注解，再导出 PDF。
• 做精排时，优先用就地浮层微调，不必来回滚动面板。

图片占位

• TODO_IMAGE: reading-v1-content-library-and-driver.png
• TODO_IMAGE: reading-v1-theme-preview-apply.png
• TODO_IMAGE: reading-v1-full-template-preview-and-reorder.png
• TODO_IMAGE: reading-v1-floating-style-panels.png
• TODO_IMAGE: reading-v1-visibility-and-image-toggle.png

视频占位

• TODO_VIDEO: reading-v1-quick-start-5-steps.mp4
• TODO_VIDEO: reading-v1-theme-vs-full-template.mp4
• TODO_VIDEO: reading-v1-content-library-workflow.mp4