Agent Skills
返回列表
💻

Front Matter CMS:VS Code 无头 CMS

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 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,快速生成符合项目结构的草稿。

工作方式

  1. 打开项目后,技能按 Front Matter CMS 的模型读取站点配置与内容目录。
  2. 在 VS Code 界面中呈现内容列表、元数据和媒体入口。
  3. 创建或修改文章时,写入 front matter 与正文骨架。
  4. 保存后由项目原有的静态站点生成流程接管。

注意点

它不是替代你的构建链,而是把内容管理前移到编辑器;最终生成结果仍依赖 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 和内容骨架保持在版本控制中
  • 负责静态站点发布流程的开发者,希望在编辑器内完成内容创建后再交给构建链