如何让页面链接指向统一主链接，实现一处修改全局生效？

完全可以通过创建统一的链接管理页面实现全局链接更新，以下是几种适合内部站点的实用实现方式：

服务器端包含（SSI）方案 #

如果你的内部服务器支持SSI（如Apache开启mod_include模块、IIS启用SSI功能），这是最直接的静态方案：

1. 在links.htm中定义所有文件链接的可复用片段：

   <!-- links.htm -->
   <span id="link-text1"><a href="text1.docx">文本1文档</a></span>
   <span id="link-report"><a href="annual_report.xlsx">年度报告</a></span>
   

2. 在需要调用链接的子页面中，通过SSI指令引入对应片段：

   <!-- 子页面中插入链接的位置 -->
   <!--#include virtual="/links.htm#link-text1" -->
   

   修改文件名时，仅需更新links.htm中对应链接的href属性，所有子页面会自动同步最新链接。

JavaScript动态配置方案 #

若服务器不支持SSI，JS方案兼容性更强：

1. 将links.htm改为专门的配置文件（建议命名为links.js，仍可保留.htm后缀），定义全局链接对象：

   <!-- links.htm -->
   <script>
     const globalFileLinks = {
       text1Doc: "text1.docx",
       annualReport: "annual_report.xlsx"
     };
   </script>
   

2. 在所有子页面的头部引入该文件：

   <!-- 子页面<head>标签内 -->
   <script src="links.htm"></script>
   

3. 子页面中通过JS动态设置链接地址：

   <!-- 子页面中的链接 -->
   <a id="text1-link" href="#">文本1文档</a>
   <script>
     // 确保DOM加载完成后执行
     document.addEventListener('DOMContentLoaded', function() {
       document.getElementById('text1-link').href = globalFileLinks.text1Doc;
     });
   </script>
   

   后续更新文件名时，只需修改links.htm中globalFileLinks对象的对应值即可。

静态模板片段方案 #

如果内部站点使用静态生成工具（如Jekyll、Hugo），可将links.htm作为模板片段，在构建站点时自动将最新链接插入到所有子页面中。构建后的页面为纯静态HTML，无需依赖服务器或JS运行。

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