Static CMS 使用教程

最新推荐文章于 2025-04-14 17:00:53 发布

段钰忻

最新推荐文章于 2025-04-14 17:00:53 发布

阅读量416

点赞数 5

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00851/article/details/142475522

Static CMS 使用教程

static-cms A Git-based CMS for Static Site Generators 项目地址: https://gitcode.com/gh_mirrors/st/static-cms

1. 项目介绍

Static CMS 是一个基于 Git 的内容管理系统（CMS），专为静态站点生成器设计。它允许用户通过一个简洁的界面编辑和添加内容到任何使用静态站点生成器构建的网站。Static CMS 是一个单页应用，你可以将其集成到你的站点 /admin 部分。用户在访问 /admin/ 时会被提示登录，一旦认证成功，他们就可以创建新内容或编辑现有内容。

2. 项目快速启动

2.1 安装

Static CMS 可以通过两种方式安装：

2.1.1 快速安装

快速安装方法需要你创建一个 HTML 文件和一个配置文件。所有 CMS 的 JavaScript 和 CSS 都从 CDN 加载。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Static CMS</title>
</head>
<body>
  <script src="https://unpkg.com/static-cms@^1.0.0/dist/static-cms.js"></script>
</body>
</html>

2.1.2 完整安装

完整安装方法需要你使用一个支持 npm 包的静态站点生成器。

npm install static-cms

2.2 配置

在项目根目录下创建一个 config.yml 文件，配置内容模型和布局。

backend:
  name: git-gateway
  branch: main

media_folder: "static/images"
public_folder: "/images"

collections:
  - name: "blog"
    label: "Blog"
    folder: "content/blog"
    create: true
    fields:
      - { name: "title", label: "Title", widget: "string" }
      - { name: "date", label: "Date", widget: "datetime" }
      - { name: "body", label: "Body", widget: "markdown" }