CF Server Monitor免费探针主题Emerald安装教程

CF-Server-Monitor 项目已经支持第三方主题，现在以Tokin 老哥的Emerald主题做为例子，介绍下具体部署教程。

演示地址：https://huilang-me.github.io/cf-server-monitor-theme-emerald/

前提准备：一个或者多个部署成功的CF-Server-Monitor项目/ 一个Github账号

1. Fork 并开启github pages

1. Fork 主题项目
2. 在fork成功的项目里面，选择Settings → Pages →Build and deployment -> Source 下面下拉选择Github Actions，自动跳转后就可以了。
3. 下方可以绑定域名，需要cname到 [你的github ID].github.io 。建议绑定域名，然后开启Cloudflare的CDN，不然国内可能无法访问。

2. 设置环境变量

点击自己项目的Settings → Secrets and variables → Actions，右侧选Variables这个tab。

点击New repository variables

Name填API_BASE，Value填你的探针地址，多个用逗号分开，注意不要以/结尾

3. 开启Action

打开自己gitub项目的Action选项，点击 I understand my workflows, go ahead and enable them

4. 运行Aciton

点击左侧Actions的Deploy GitHub Pages ，然后右侧点 Run workflow,弹出的下拉中 点Run workflow。

等待自动部署，这一步有时候较久（最近GitHub被AI搞太多，资源不太够，有时候需要排队很久），如果失败，点右上角Re-run jobs重试

部署成功，访问https://[你的github用户名].github.io/cf-server-monitor-theme-emerald/，这时候因为跨域会访问失败

5. 设置允许跨域白名单

返回你的Workers探针项目，和添加API_SECRET的方式一样，添加CORS_ALLOWED_ORIGINS，值为上面的 你自己的前端域名，比如https://[你的github用户名].github.io(注意https开头，结尾没有/)。如需要允许被多个域名跨域使用，可以用英文逗号隔开。

6. CF盾（可选）

如果要开启CF盾的话，将前端域名比如https://[你的github用户名].github.io，加到Turnstile白名单去。

期待更多的主题适配