概述

页脚配置用于在网站底部注入自定义HTML内容，如备案号、版权信息、统计代码等。

文件位置

src/FooterConfig.html

配置结构

页脚配置分为两个部分：

1. HTML内容文件：src/FooterConfig.html
2. 配置开关：src/config.ts 中的 footerConfig

基础配置

1. 启用页脚功能

在 src/config.ts 中：

export const footerConfig: FooterConfig = {
  enable: true,  // 启用Footer HTML注入功能
};

2. 添加HTML内容

在 src/FooterConfig.html 中：

<!-- 这里是HTML注入示例，你可以在这个文件中添加自定义的HTML内容 -->

</div>

使用场景

1. 版权信息

<div class="copyright">
  <p>本网站内容采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a> 协议</p>
</div>

2. 备案信息

<div class="beian">
  <p>
    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">京ICP备12345678号-1</a>
  </p>
</div>

3. 统计代码

<!-- 百度统计 -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?your-id";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>

版权所有

版权归属：夏叶

许可证：署名 4.0 国际 (CC-BY-4.0)