用途:该技能提供两条主线流程——为新站点搭建 Hugo + Sveltia CMS + Basecoat UI 并部署到 Cloudflare Pages,或把现有站点(任意 SSG 或 CMS)转换为 Hugo + Sveltia CMS。
主要能力:Hugo 作为静态站点生成器;Sveltia CMS 是基于 Git 的无头 CMS,兼容 Decap/Netlify CMS 的 config.yml 格式;Basecoat 提供无需 React 的 shadcn/ui 风格 Tailwind 组件;部署目标为 Cloudflare Pages,Git 后端仅支持 GitHub。
使用方式:新建流程执行 hugo new site <site-name> --format yaml,创建 static/admin/index.html 与 config.yml,可在生产环境用 npm 安装 tailwindcss、@tailwindcss/cli、basecoat-css 并通过 Hugo 的 css.TailwindCSS 管道接入,或用 CDN 快速原型;部署需注册 GitHub OAuth App、部署 sveltia-cms-auth Cloudflare Worker、连接仓库并设置 HUGO_VERSION,构建命令 hugo --minify,输出 public。本地测试运行 hugo server 后访问 /admin/,Sveltia 在 localhost 使用文件系统访问 API,无需 OAuth。
转换流程:从 TinaCMS 需按字段类型映射表改写 config.yml,删除 tina 目录与依赖;从 Decap/Netlify CMS 可基本直接替换脚本标签;从 WordPress、Jekyll、Eleventy 迁移时整理 Markdown 与 YAML front matter,重建模板,再接入 Sveltia CMS。
限制与注意:front matter 仅用 YAML(---),不要用 TOML(+++),且每个集合都需设置 format: yaml;配置文件用 hugo.yaml;媒体路径需区分 media_folder 与 public_folder;GitHub OAuth 必需,Netlify git-gateway 不支持;每个文件夹集合需设置 extension: "md"。Sveltia CMS 处于 Beta 阶段,据称 1.0 于 2026 年初发布。短代码无法在 CMS 中可视化编辑。具体价格、平台细节与效果暂未提供。