如何用JavaScript等动态设置GitLab中AsciiDoc的属性？

GitLab对AsciiDoc的渲染是静态生成机制——文档提交后会被转换成静态HTML，后续不会实时重新渲染，所以直接在AsciiDoc中嵌入JavaScript来动态修改属性的方式不可行（且GitLab出于安全限制，默认不允许AsciiDoc中添加自定义JS代码）。以下是两种可行的实现思路：

1. 基于GitLab CI/CD流水线动态生成属性 #

这是最贴合GitLab工作流的方案，通过流水线提前拉取服务器状态，再写入AsciiDoc文档：

• 编写脚本获取服务器状态：比如用curl调用监控接口，或者通过SSH登录服务器查询状态，将结果存入环境变量（如SERVER_STATUS）。
• 在CI配置（.gitlab-ci.yml）中添加Job，用命令替换AsciiDoc中的属性值：

  sed -i "s/:status-server-1: .*/:status-server-1: $SERVER_STATUS/" your_document.adoc
  

• 可选：将修改后的AsciiDoc提交回仓库，或直接通过GitLab Pages渲染更新后的文档。

2. 网页端动态加载状态（折中方案） #

如果需要实时展示状态，可通过静态文件+iframe的方式实现：

• 在GitLab项目中维护一个可公开访问的静态数据文件（如status.json），定期通过CI/Job更新其中的服务器状态值。
• 编写独立的HTML页面，通过JavaScript读取status.json并动态生成状态图标。
• 在AsciiDoc中用iframe嵌入这个HTML页面：

  iframe::status-display.html[服务器状态, width=50, height=50]
  

内容的提问来源于stack exchange，提问作者Gecko42