这篇文章用来记录我的主题魔改记录,以免以后忘记。非常感谢提供教程的各位大佬。

首页文章轮播置顶

使用的是冰老师教程

点击前往《教程:hexo-swiper 文章置顶插件》

那年今日

使用的是冰老师教程

点击前往《教程:hexo-history-calendar 历史上的今天插件》

友链样式魔改

使用的是糖果屋的教程

点击前往《Friend Link Card Beautify》

gitcalendar

点击前往《Gitcalendar》

留言板信封样式

点击前往《Envelope Style Comments Bar》

首页卡片加载动画

点击前往《Add Blog Animation -- Wowjs》

Butterfly主题版权美化

点击前往《(二创)Copyright-beautify》

访客信息

点击前往《Hexo添加当前访客信息》

页脚养鱼

点击前往《Hexo页脚养鱼效果》

鼠标拖动烟花样式

1
2
bottom:
- <script src="https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/js/mouse_snow.min.js"></script>

删除了其中console.log(n)语句。

或者引用我修改后的js:

1
2
bottom:
- <script src="https://cdn.jsdelivr.net/gh/caicheng918/CDN@3.2/js/mouse_snow.js"></script>

滚动条样式

参考自小康博客

点击前往小康博客

背景雪花飘落

点击前往《hexo butterfly 下雪特效》

侧边栏倒计时

自己瞎写的,凑合着用

点击前往《侧边栏倒计时小功能》

文章卡片和侧边栏透明度修改

使用了butterfly群内大佬的css代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
:root {
/* --card-bg: #fff; */
--card-bg: #f0f3f8d9;
}

[data-theme="dark"] {
/* --card-bg: #121212; */
--card-bg: #12121288;
--btn-hover-color: #787878;
--btn-bg: #1f1f1f;
--btn-hover-color: #ff3f3f;
--btn-bg: #a153ff;
/* --font-color: rgba(255,255,255,0.7); */
/* --hr-border: rgba(255,255,255,0.4); */
--font-color: rgb(255, 255, 255);
--hr-border: rgb(161, 83, 255);
}