这本书写给谁
这本书写给已经有一份内容资产,并希望把它变成公开网页的人。它可以是一份电子书、一组课程讲义、一份方法手册,也可以是一组长期文章的合集。
你不需要复杂的产品系统。第一版只需要三件事:一个首页、一个阅读页、一个下载入口。
这本书不是什么
它不是一个完整 CMS,也不是会员系统。它是一套容易理解、容易修改、容易上线的静态网页。
先让内容被看见,再决定要不要把它做复杂。
目录
- 第一章:整理你的书稿
- 第二章:生成静态网页
- 第三章:导出 PDF 与分享图
- 附录:Claude + Cursor 操作流程
关于 AI 协作写作
你可以让 Claude / GPT 参与资料整理、结构梳理、章节摘要和初稿改写。真正重要的是:观点、判断、案例和最终取舍仍然由你负责。
第一步不是写代码,而是整理内容。把你的书稿统一放进 book.md,再按封面、作者介绍、前言、目录、章节、附录和联系方式排列。
如果你手上是 Word、飞书文档或公众号文章,可以先复制成 Markdown。标题用 #、##、### 分级,引用用 >,列表用短横线。
推荐结构
- 书名、副标题、作者、简介。
- 这本书写给谁、解决什么、不解决什么。
- 正文分章,每章有一句简短导语。
- 附录、工具清单、行动计划或联系方式。
整理完成后,把书稿交给 AI,让它检查章节顺序、标题一致性、重复段落和目录层级。
这个项目已经包含你需要的三个核心文件:index.html、read.html 和 style.css。替换页面里的书名、作者、简介和章节正文,就能得到第一版。
如果你使用 Cursor,可以直接把 book.md 和这三个网页文件放在同一个项目里,然后要求 Cursor 按书稿内容替换阅读页正文。
不要一开始追求自动化。静态页面足够稳定,也最容易部署。
网页要保留的体验
- 窄栏阅读,正文不要铺满屏幕。
- 章节之间有明显停顿,像一本书而不是一篇普通博客。
- 手机端优先保证正文舒服,按钮和导航不能挤压标题。
- 首页负责介绍和转化,阅读页负责完整内容。
PDF 可以用浏览器打印功能生成:打开 read.html,选择打印,再保存为 PDF。这个模板已经加入了适合打印的样式,章节会更自然地分页。
分享图使用 og-cover.png。你可以保留当前模板图,也可以用 Canva、Figma 或 AI 生成一张 1200 x 630 的封面图。
上线前检查
- 首页按钮能进入阅读页。
- PDF 下载链接能打开或下载。
- 手机上标题不溢出,正文不贴边。
- 社交分享标题、描述、封面图都已替换成你的内容。
Appendix
Claude + Cursor 操作流程
把下面这段给 Cursor,并把你的 book.md 一起放进项目:
我有一本中文电子书 Markdown。请帮我做成一个纯静态电子书网站,风格是安静、耐读、像在线长文书稿。
请基于现有 index.html、read.html、style.css 修改:
1. index.html:替换书名、副标题、作者、简介、开始阅读按钮、下载 PDF 按钮。
2. read.html:按 book.md 生成完整阅读页,包含封面、目录、章节正文、附录、结尾、联系方式。
3. style.css:保持移动端友好的中文阅读排版,最大阅读宽度约 720px。
4. 更新 SEO 和社交分享 meta tags。
要求:
- 不使用 React,不使用后端。
- 所有内容静态化。
- 保持中文排版舒适,段落留白足够。
- 代码简洁,适合部署到 GitHub Pages。