魔改记录

因为重装了系统,很多环境都被清空了,所以又来折腾网页了。

因为魔改了很多,更新主题文件不方便,时间长了忘记更改了哪些文件,又重新记录一下。

方便版本升级时快速恢复。

意外之喜是其他的源文件都能够继续使用,不需要重新开始搭建了!!

魔改记录

修改样式 修改文件
小猫进度条 themes\anzhiyu\layout\includes\head.pug
直达底部 themes\anzhiyu\layout\includes\rightside.pug down.js
更新日志 新建\layout\includes\page\changelog.pug 修改\layout\page.pug
todolist 新建\layout\includes\page\todolist.pug 修改\layout\page.pug
关于页悬浮小标签 \themes\anzhiyu\layout\includes\page\about.pug
位置信息欢迎卡片 themes\anzhiyu\layout\includes\widget\card_announcement.pug

小猫进度条

参考链接:请收下这只可爱的猫咪吧 | 唐志远 (fe32.top)

直达底部

增加down.js by chatgpt

1
2
3
4
5
6
7
8
9
10
11
12
13
function scrollToBottom(targetScrollHeight, transitionTime) {  
// 计算滚动距离
var scrollHeight = document.body.scrollHeight;
var currentScrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
var scrollDistance = targetScrollHeight - currentScrollHeight;

// 使用window对象的scrollTo方法平滑滚动到目标位置
window.scrollTo({
top: targetScrollHeight,
behavior: 'smooth',
duration: transitionTime
});
}

修改themes\anzhiyu\layout\includes\rightside.pug,增加

1
2
button#go-down(type="button" title="直达底部" onclick="scrollToBottom(document.body.scrollHeight, 500)")
i.anzhiyufont.anzhiyu-icon-arrow-down

更新日志

参考博文给博客添加更新日志

todolist

参考博文给博客添加Todolist

关于页悬浮小标签

参考链接:在关于页添加属于你的个性小标签 | 铭心石刻 (kouseki.cn)

位置信息欢迎卡片

themes\anzhiyu\layout\includes\widget\card_announcement.pug 添加*#welcome-info*

参考链接:分类: 魔改教程 | Fomalhaut🥝