Gatus 多语言界面配置指南自定义中文标题、公告与仪表板【免费下载链接】gatusAutomated developer-oriented status page with alerting and incident support项目地址: https://gitcode.com/GitHub_Trending/ga/gatusGatus 是一个面向开发者的自动化状态页项目通过 YAML 配置即可为仪表盘定制中文标题、描述、导航按钮和公告文案适合需要向中文用户展示服务健康状况的团队快速落地。适合谁使用以下场景会用到 Gatus 的界面本地化能力对内运维平台团队使用中文交流希望状态页标题、副标题不再是英文减少阅读成本。对外状态页面向国内客户展示服务可用性需要在页面顶部提供中文公告如维护通知、故障说明并保留英文指标数据。二次集成把 Gatus 嵌入企业门户需要统一页头名称、logo 和导航按钮与其他系统风格一致。Gatus 的本地化思路不是内置翻译包而是把页面上所有可变文案都开放为配置项你填入什么语言页面就显示什么语言。核心能力拆解界面文案的默认值定义在 config/ui/ui.go 中默认全部为英文例如Health Dashboard | Gatus。你可以在自己的config.yaml里逐项覆盖无需修改任何代码。自定义标题与描述以下四个字段覆盖了页面最显眼的文字区域均可填入中文配置字段显示位置ui.title浏览器标签页标题titleui.description页面 meta 描述用于 SEOui.dashboard-heading仪表盘顶部主标题ui.dashboard-subheading主标题下方的说明文字ui.header页头左上角的名称也用于 OIDC 登录页标题自定义导航按钮ui.buttons支持在页头添加任意数量的链接按钮文字直接使用中文即可例如链接到内部文档或工单系统。每个按钮必须同时提供name和link缺少任一字段会在启动时报配置错误ErrButtonValidationFailed这一点在 config/ui/ui.go 的Validate方法中有明确校验。多语言公告announcements用于在页面顶部展示维护计划、故障通报等信息支持 Markdown 和五种类型outage、warning、information、operational、none类型决定横幅颜色。公告内容完全由你书写天然支持中文将archived设为true的公告会移入页面底部的历史公告区域。登录页副标题与默认排序ui.login-subtitleOIDC 登录页上显示的副标题默认System Monitoring Dashboard。ui.default-sort-by/ui.default-filter-by控制默认按名称、分组或健康度排序以及默认过滤失败项帮助用户更快地看到重点。最小可用配置把以下内容放入config/config.yaml默认路径也可用GATUS_CONFIG_PATH环境变量指定ui: title: 服务状态 | 内部监控 description: 实时监控核心服务健康状况 header: 运维监控台 dashboard-heading: 健康监控仪表板 dashboard-subheading: 实时监控各端点状态 dark-mode: true buttons: - name: 内部文档 link: https://docs.example.com - name: 提交工单 link: https://ticket.example.com announcements: - timestamp: 2026-09-13T02:00:00Z type: operational message: 所有系统运行正常字段说明title决定标签页文字header决定页头名称buttons渲染为页头右侧链接dark-mode设置默认深色主题注意它会被用户的操作系统主题偏好覆盖announcements消息会实时显示在页面顶部横幅。界面与体验验证Gatus 的文案生效链路值得了解Go 后端用模板把ui配置注入到 web/static/index.html 生成的window.config对象中前端 Vue 组件再读取它渲染。例如首页主标题的取值逻辑在 web/app/src/views/Home.vueconst dashboardHeading computed(() { return window.config window.config.dashboardHeading window.config.dashboardHeading ! {{ .UI.DashboardHeading }} ? window.config.dashboardHeading : Health Dashboard })配置修改后无需手动重启Gatus 会自动检测配置文件变更并热加载详见 README.md 的 Reloading configuration on the fly 一节。验证生效可以按以下顺序检查浏览器标签页标题是否为ui.title的值仪表盘主标题、副标题、页头名称是否已变为中文页头右侧是否出现配置的中文按钮点击能否跳转顶部是否显示配置的中文公告横幅。查看浏览器检查元素中的title和meta description可以确认 SEO 相关字段也一并更新。常见问题排查配置修改后页面没有变化确认日志中没有出现The configuration file was updated, but it is not valid提示出现该提示说明新配置无效、旧配置仍在用如果是通过 Docker 挂载注意挂载整个配置目录比挂载单个文件更可靠单文件绑定bind可能无法触发热加载检测README 中提及了该已知问题浏览器有缓存时可强制刷新确认window.config中的值已经更新。页面出现中英文混杂需要有一个合理预期ui配置覆盖的是标题、描述、页头、按钮、公告这类页面级文案搜索框、刷新按钮、No endpoints or suites found 等前端内置交互文案仍为英文属于 Vue 源码中的静态字符串。如果你的场景要求全站纯中文目前需要通过ui.custom-css隐藏或覆盖部分元素或等待社区提供完整的 i18n 方案。端点名、分组名建议你统一用中文或英文书写避免卡片内混排。按钮不显示或启动报错按钮的name和link均为必填缺一项会在配置校验阶段直接报错此时 Gatus 可能启动失败。检查 YAML 缩进和引号即可解决。深色模式未按预期显示dark-mode只是默认值当用户浏览器存在主题 cookie 或系统偏好浅色时页面会跟随用户设置。这是设计行为不是配置失效。下一步运行docker run -p 8080:8080 --name gatus twinproduction/gatus:stable快速体验默认界面再挂载自己的配置对比差异为announcements建立发布流程故障时发outage恢复后发operational并归档形成完整的对外沟通记录如果希望了解整体架构可以查看 docs/ 目录下的集成文档并结合 README.md 中的 Storage、Alerting 章节完善持久化与告警配置需要源码时可执行git clone https://gitcode.com/GitHub_Trending/ga/gatus。【免费下载链接】gatusAutomated developer-oriented status page with alerting and incident support项目地址: https://gitcode.com/GitHub_Trending/ga/gatus创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考