feat(about): 添加访问人数统计功能并优化资源引用

- 在页面中新增访问人数统计显示模块
- 引入不蒜子统计脚本以获取访问数据
- 将 MBTI 图片资源引用从外部链接改为本地路径
- 更新 JavaScript 文件以支持新功能渲染
- 调整 CSS 样式以适配新增的统计元素展示
This commit is contained in:
hehh
2025-11-25 15:43:50 +08:00
parent edd878351c
commit 3b81941a48
4 changed files with 16 additions and 1 deletions

View File

@@ -150,6 +150,12 @@
<span class="stat-val neon-font" id="github-followers">--</span>
<span class="stat-key" data-i18n="stats.followers">Followers</span>
</div>
<div class="stat-item">
<span class="stat-val neon-font" id="visit-count">
<span id="busuanzi_value_site_pv">--</span>
</span>
<span class="stat-key">Visitors</span>
</div>
</div>
<!-- [4] MBTI 人格 (Personality) -->
@@ -159,7 +165,7 @@
<span class="mbti-code gradient-text">INFJ</span>
<span class="mbti-name" data-i18n="mbti.name">Advocate</span>
<span class="mbti-icon">
<img src="https://blog-file.hehouhui.cn/INFJ.png" alt="INFJ" style="width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)"/>
<img src="images/INFJ.png" alt="INFJ" style="width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)"/>
</span>
</div>
<p class="mbti-desc" data-i18n="mbti.desc">"理想主义与道德感,果断决绝的行动力。深度洞察与创意,关怀与同理心。"</p>
@@ -317,6 +323,10 @@
<script src="https://cdn.jsdelivr.net/npm/artalk@latest/dist/i18n/zh-cn.js"></script>
<script src="https://cdn.jsdelivr.net/npm/artalk@latest/dist/i18n/en.js"></script>
<script src="js/about.js?version=20251125"></script>
<!-- 不蒜子统计 -->
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script>
!function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"3OBGjwDdEIRS7XZ1",ck:"3OBGjwDdEIRS7XZ1"});
</script>