Fluid -4- 页脚增加网站运行时长

本文最后更新于:2022年8月10日 上午

Fluid 1.8.4 版本支持自定义页脚内容了,本文记录页脚添加网站运行时间的方法。

添加js文件

  • 文件内容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
!(function() {
/** 计时起始时间,自行修改 **/
var start = new Date("2020/01/01 00:00:00");

function update() {
var now = new Date();
now.setTime(now.getTime()+250);
days = (now - start) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (now - start) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length === 1 ){
hnum = "0" + hnum;
}
minutes = (now - start) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length === 1 ){
mnum = "0" + mnum;
}
seconds = (now - start) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length === 1 ){
snum = "0" + snum;
}
document.getElementById("timeDate").innerHTML = "本站安全运行&nbsp"+dnum+"&nbsp天";
document.getElementById("times").innerHTML = hnum + "&nbsp小时&nbsp" + mnum + "&nbsp分&nbsp" + snum + "&nbsp秒";
}

update();
setInterval(update, 1000);
})();
  • var start = new Date("2020/01/01 00:00:00");一行修改为自己的时间。

js 文件存放位置

需要说明的是,如果将这个js 文件直接放在 hexo 目录的source 文件夹中,会报错无法渲染站点,此处有两种解决方案

方案一
  • 在主题 themes -> fluid -> source -> js 文件夹中添加文件 duration.js
方案二
  • 在hexo站点 hexo -> source -> vvd_js 文件夹中添加文件 duration.js
  • 同时在站点配置文件 hexo/_config.yml 中为 vvd_js 文件夹添加跳过渲染的选项:
1
2
skip_render:
- vvd_js/**

修改主题配置文件

在主题配置中的 footer: content 添加:

1
2
3
4
5
6
7
8
9
10
11
footer:
content: '
<a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a>
<i class="iconfont icon-love"></i>
<a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Fluid</span></a>
<div style="font-size: 0.85rem">
<span id="timeDate">载入天数...</span>
<span id="times">载入时分秒...</span>
<script src="/vvd_js/duration.js"></script>
</div>
'

示例效果

参考资料


Fluid -4- 页脚增加网站运行时长
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-run-how-long/fluid-run-how-long/
作者
Yiwei Zhang
发布于
2021年8月29日
许可协议