Front Matter CMS:VS Code 无头 CMS
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/front-matter-cms-vscode-headless-cms。
技能介绍
解决什么
静态站点作者常在编辑器、Git 和一堆命令行之间切换:Hugo、Jekyll、Next.js、Gatsby、Astro 的内容散落在 front matter、分类目录、媒体目录和生成命令中。这个技能把 Front Matter CMS 的工作方式带进 VS Code,减少在生成器、文件树和外部后台之间来回查找。
核心能力
它面向内容型静态站点项目,关键能力包括:
- 在编辑器原生界面里浏览和编辑内容,不要求先启动独立 CMS。
- 管理 taxonomy / 分类,便于维护标签、分类和相关索引。
- 处理媒体文件,集中查看和引用图片等资源。
- 提供 content scaffolding,快速生成符合项目结构的草稿。
工作方式
- 打开项目后,技能按 Front Matter CMS 的模型读取站点配置与内容目录。
- 在
VS Code界面中呈现内容列表、元数据和媒体入口。 - 创建或修改文章时,写入 front matter 与正文骨架。
- 保存后由项目原有的静态站点生成流程接管。
注意点
它不是替代你的构建链,而是把内容管理前移到编辑器;最终生成结果仍依赖 Hugo、Jekyll、Next.js、Gatsby、Astro 等工具。项目 frontmatter schema 差异较大时,需要先确认 CMS 配置映射正确。
使用场景
- 维护 Hugo 博客时,在 VS Code 内创建文章并补全 front matter 与正文骨架
- 整理 Jekyll 站点的分类和标签,保持 taxonomy 与已有内容目录一致
- 管理 Astro 项目的媒体文件,并在编辑器中引用图片到文章资源
- 给 Gatsby 站点批量生成新页面草稿,减少从文件树手动创建文件
适合人员
- 维护 Hugo、Jekyll 等静态站点的开发者,希望直接在 VS Code 管理内容和 front matter
- 使用 Next.js、Gatsby、Astro 搭建内容站点的工程师,需要统一处理文章、分类和媒体
- 为团队文档站编写内容的技术作者,想把 taxonomy 和内容骨架保持在版本控制中
- 负责静态站点发布流程的开发者,希望在编辑器内完成内容创建后再交给构建链