static-spa-conversion - 将 Markdown 课程内容转换为原生 JS 单页应用
将章节式 Markdown 内容转换为无框架的 HTML+JS 单页应用,状态持久化于 localStorage,通过 npx serve 提供服务。
标签
更新于: 2026-06-30该技能可以做什么
- 生成 index.html SPA 脚手架
- 生成 course-data.js 数据对象
- 映射教材文件 URL 路径
- 将 Markdown 迁移为 course-data.js
- 搭建 localStorage 持久化层
- 创建 package.json serve 脚本
输入
- 章节式 Markdown 课程内容
- 课程大纲 Markdown 文件
- 课程内容 Markdown 文件
- 图片与插图素材
- 教材文件(PDF、MD 等)
- 设计系统 CSS 变量
输出
- index.html 单页应用文件
- course-data.js 数据文件
- 包含 serve 脚本的 package.json
- 素材资源目录结构
要求
- Node.js 与 npx 用于本地服务
- 支持 localStorage 的浏览器
- 需通过 HTTP 服务器访问(file:// 会阻止 localStorage)
