cState 安装教程：自建开源搬瓦工 VPS 服务器状态页面（Status Page）

cState 是一个开源项目，可以用来搭建开源静态（无服务器）状态页面。使用超快的 Go 和 Hugo、最少的 HTML/CSS/JS、可定制、出色的浏览器支持 (IE8+)、预加载的 CMS、只读 API、徽章等。我们都知道搬瓦工有一个状态页面 bwhstatus。cState 搭建完成之后就和 bwhstatus 差不多，所以我们也可以自行搭建一个，不过状态都需要自己维护的。

一、cState 状态页面介绍

• 官网地址：https://cstate.netlify.app
• 项目主页：https://github.com/cstate/cstate
• 演示地址：https://cstate.mnts.lt

cState 主要特性介绍如下。

快速

• 加载速度快。即使在 Internet Explorer 8 上也是如此。令人难以置信的浏览器支持。最小的 JS。也没有 CSS 依赖。
• 快速创建事件。使用命令行或设置 CMS（例如 Netlify CMS 或 Forestry）以获得无代码体验。
• 保持快速。Hugo & Golang 可以在几秒钟内建立一个包含数千个条目的网站。

友好

• 专注、适应性强的设计。自动黑暗模式。从一个文件（或设置页面）轻松定制。统计计算显示了关键要点（例如，解决问题所花费的时间）。
• 适合任何语言。内置支持英语、德语、法语、意大利语、立陶宛语、马其顿语、荷兰语、葡萄牙语、土耳其语和他加语言。
• 所有事件，已排序。将事件链接到系统/类别，让用户知道之前的停机时间等。

免费

• 免费托管。在 Netlify 等受支持的平台上托管或自行管理 cState。
• 释放您的数据。使用 RSS 或只读 API 创建自定义 HTML/JS 集成或简单地嵌入内置徽章/盾牌。
• 免费供开发人员扩展。集成监控、链接到其他系统、更改任何文本或样式、创建自定义页面等等。

请注意，尽管 cState 可以执行所有操作，但它无法立即进行自动监控。您可以将 cState 状态页面视为信息中心。由于该软件是静态的，无法直接实时监控任何服务。

然而，cState 是记录事件的完美选择，因为大多数时候您的服务都在运行，因此状态页面不需要更新。默认情况下，页面上的一点点 JavaScript 可以改善用户体验，但不需要查看最重要的信息。

还有其他商业选项可能因其架构而更新得更快，具有内置的实时正常运行时间监控、通过电子邮件或其他方式发送通知，但 cState 并不应该比付费解决方案更好。

二、cState 快速部署教程

这就是创建由 cState 提供支持的新网站的方法。您生成的是一个带有特定的、已经存在的修改的 Hugo 站点（对于 Hugo，cState 就像一个主题）。

除了将存储库本身托管在 Git 上（通常在 GitHub 上）之外，您的下一个选择是：

• Site deployment platform:
  • Cloudflare Pages (recommended for larger teams)
  • Netlify (recommended for most easy setup)
  • GitHub Pages
  • GitLab Pages
  • Vercel
  • render.com
  • host it yourself
• Admin panels / CMS:
  • Forestry.io
  • Netlify CMS
  • Or just edit locally / use your Git provider’s online editor (github.com, gitlab.com, etc)

Cloudflare Pages (GitHub Pages, render.com, Vercel, Forestry…)

如果您想使用 Netlify，请使用下面的按钮以更轻松地进行部署。

所有其他静态站点生成器平台都要求您遵循以下说明：

1. 克隆存储库 cstate/example – 这是 GitHub 上执行此操作的链接
2. 转至 pages.cloudflare.com 并登录
3. 从 Git 创建一个新站点，选择新生成的存储库
4. 这些是您应该使用的设置：
   1. 构建命令：hugo
   2. 发布目录：public
   3. 添加一个构建环境变量
      1. Key：HUGO_VERSION
      2. Value：0.101.0（或更高版本）

Netlify and Netlify CMS

您不必使用 Netlify，但如果您需要与 Netlify 配合使用效果最好的 Netlify CMS，那么这是最佳选择。只需点击几下即可使其工作，更多信息位于文档中。

您只需单击此按钮即可开始：

 部署到 Netlify

三、cState 手动安装教程

对于本教程，假设您已安装 Hugo 和 Git（使用 hugo version 和 git --version 来检查）。

Hugo 需要的最低版本为 0.80，从 v5 开始。

我想在生产中使用我的网站

克隆示例存储库：

git clone --recursive -b master https://github.com/cstate/example.git

您必须使用 --recursive 以便 Git 下载 cState 并且您不会有空的 theme/cstate 文件夹。

现在您可以编辑文件夹内的内容（cd example）并尝试使用以下命令预览：

hugo serve

编辑配置文件。完成您想要完成的更改后，生成最终文件，如下所示：

hugo

现在可以托管文件夹 public。

正如您可以想象的那样，手动构建有点乏味，但以编程方式提供是一个不错的选择。

四、搬瓦工推荐方案

搬瓦工推荐方案

选择建议：

• 入门：洛杉矶 CN2 套餐，目前最便宜，可选 CN2 GT 机房，入门之选。
• 推荐：洛杉矶 CN2 GIA-E 套餐，速度超快，可选机房多（DC6、DC9、日本软银、荷兰联通等），性价比最高。
• 高端：香港 CN2 GIA 套餐，价格较高，但是无可挑剔。东京 CN2 GIA 套餐也是非常不错的高端选择。