这段时间把自己使用的Chic主题更改了一些,顺便记录一下,免得以后忘记自己都更改了哪里。

增加了footer.ejs文件的两串代码

本站已运行时间代码

1
2
3
4
5
6
7
8
9
<span>本站已运行 <span id="days" style="font-weight:800; color:#ED712E;"> </span> 天</span>
<script>
let s1 = '2024-7-14'; //设置为你的建站时间
s1 = new Date(s1.replace(/-/g, "/"));
s2 = new Date();
let days = s2.getTime() - s1.getTime();
let number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
document.getElementById('days').innerHTML = number_of_days;
</script>

增加博客年份

footer.ejs文件中的标签内添加配置:

1
<%if (theme.since_year && theme.since_year < date(new Date(), "YYYY")) {%><%- theme.since_year %> - <%}%><%- date(new Date(), "YYYY") %>

在主题的_config.yml中引入

1
2
# 版权起始年份
since_year: 2024

增加了一个评论功能

本来是想着使用现成的Gitalk评论功能的,但是自己死活不会弄,也弄不成,干脆放弃了。最后使用的Cusdis评论功能。

Cusdis评论

2024年10月31日替换成为giscus评论系统了,并且搭建教程在《在Chic主题中使用giscus评论。》

2024年10月31日替换成为giscus评论系统了,并且搭建教程在《在Chic主题中使用giscus评论。》

2024年10月31日替换成为giscus评论系统了,并且搭建教程在《在Chic主题中使用giscus评论。》

Cusdis 是一个注重数据隐私的开源的评论系统,十分轻量,经过 gzipped 后大约只有 5kb,

这个是自己创建的一个目录页面:message目录的index.md里加入了Cusdis官方的代码。

1
2
3
4
5
6
7
8
<div id="cusdis_thread"
data-host="https://cusdis.com"
data-app-id="这里是你自己的id,会自动生成的,我把我的还是隐藏吧"
data-page-id="{{ PAGE_ID }}"
data-page-url="{{ PAGE_URL }}"
data-page-title="{{ PAGE_TITLE }}"
></div>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>

因为我不会自己部署Cusdis,还是直接使用他们官方的算了,本身咱就是一个小博客。毕竟也没啥人能关注到这么一个小博客哈。

总结

目前就是只是增加了这些,往后在增加了,就在写。

现在必须得记录,不然时间一长就完全记不住了。正所谓记录记录,不记咋能有目录。😄