LogoClawIndex
案例技能关于
LogoClawIndex

static-spa-conversion - 将 Markdown 课程内容转换为原生 JS 单页应用

将章节式 Markdown 内容转换为无框架的 HTML+JS 单页应用,状态持久化于 localStorage,通过 npx serve 提供服务。

标签

更新于: 2026-06-30
静态站点生成原生 JS单页应用Markdown 转 HTML课程网站无框架localStorage

能力

生成 index.html SPA 脚手架生成 course-data.js 数据对象映射教材文件 URL 路径将 Markdown 迁移为 course-data.js

典型输入

章节式 Markdown 课程内容课程大纲 Markdown 文件课程内容 Markdown 文件

典型输出

index.html 单页应用文件course-data.js 数据文件包含 serve 脚本的 package.json

该技能可以做什么

  • 生成 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)

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。