CF-Blog美化及拓展

0.展示

1.在网站底部添加网站运行时间代码精确到秒

首先我们先复制下面这一连串的代码到网站的

<script type="text/javascript">
 function show_runtime() {
     window.setTimeout("show_runtime()", 1000);
     X = new Date("7/14/2024 16:31:00");
     Y = new Date();
     T = (Y.getTime() - X.getTime());
     M = 24 * 60 * 60 * 1000;
     a = T / M;
     A = Math.floor(a);
     b = (a - A) * 24;
     B = Math.floor(b);
     c = (b - B) * 60;
     C = Math.floor((b - B) * 60);
     D = Math.floor((c - C) * 60);
     runtime_span.innerHTML = "网站在线时间: " + A + "天" + B + "小时" + C + "分" + D + "秒"
 }
 show_runtime();
</script＞

添加位置如图所示

X = new Date(“7/14/2024 16:31:00”)，此代码表示网站计算开始时间可以自己调整
然后我们在想要显示代码的地方添加一下代码即可<span id="runtime_span"></span>，添加位置：”copyRight” :<span id="runtime_span"></span>,//自定义网站底部信息

2.底部添加来必力-第三方评论系统

2.1.介绍

官网地址：https://livere.com/

国内的第三方评论系统基本上都歇菜了，我们可以使用墙外的 Disqus 实现博客评论。
Disqus被墙, 你懂得
这里改为使用来必力
来必力是什么？
使用社交网站账户登录，免去注册过程。
提高用户的参与和沟通意愿。
管理/删除我的评论内容。
提供管理页面，管理网站文章及评论内容。

2.2.使用

官网地址：https://livere.com/

安装, 注册. 这里选择免费版, 点击’现在安装’
注册账号
立即注册-> 会要求输入邮箱验证码->输入即可

<!-- 来必力City版安装代码 -->
<div id="lv-container" data-id="city" data-uid=SADFSADFGSADF3NC8yNDU3MQ==">
 <script type="text/javascript">
(function(d, s) {
    var j, e = d.getElementsByTagName(s)[0];

    if (typeof LivereTower === 'function') { return; }

    j = d.createElement(s);
    j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
    j.async = true;

    e.parentNode.insertBefore(j, e);
})(document, 'script');
 </script＞
<noscript＞ 为正常使用来必力评论功能请激活JavaScript</noscript＞
</div>

将上面来必力网站中你自己的code拷贝放置到项目指定位置[即放置评论的地方], 如下: “commentCode”:放在这里
访问站点 [打开博客]
评论

3.文章添加阅读量统计

访问量统计功能，我们借助不蒜子脚本来实现。不蒜子的设置也相当简单，仅需一行脚本加一行标签即可。

3.1安装脚本

将下面的脚本安装到widgeOther中

“widgetOther”:<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"> </script>,//20201224新增参数,用于右侧小部件扩展

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

显示单页面访问量，将下面代码放入otherCodeA中

“otherCodeA”:</span><span id="busuanzi_container_page_pv"> 本文总阅读量<span id="busuanzi_value_page_pv"></span>次 </span>,//模板开发用的其他自定义变量，阅读量

CF-Blog美化及拓展

0.展示

1.在网站底部添加网站运行时间代码精确到秒

2.底部添加 来必力-第三方评论系统

2.1.介绍

2.2.使用

3.文章添加阅读量统计

3.1安装脚本

2.底部添加来必力-第三方评论系统