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

引导页

点击前往CC's Zone引导页

基于Dimension | HTML5 UP修改而来的一个简约引导页

朋友圈

点击前往《友链朋友圈 3.0 食用说明书》

便携小空调

点击前往便携小空调

原项目地址: YunYouJun/air-conditioner: ❄️ 云空调,便携小空调,为你的夏日带去清凉! (github.com)

首页文章轮播置顶

使用的是冰老师教程

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

那年今日

使用的是冰老师教程

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

友链样式魔改

需要修改源码

使用的是糖果屋的教程

点击前往《Friend Link Card Beautify》

gitcalendar

点击前往《Gitcalendar》

留言板信封样式

点击前往《Envelope Style Comments Bar》

Butterfly主题版权美化

需要修改源码

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

访客信息

需要修改源码

点击前往《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@4.0/res/mouse_snow.js"></script>

修改文章标题和page页title居中

仅当disable_top_img: true

1
2
3
 #page h1.page-title, #post>#post-info {
text-align: center;
}

文章卡片和侧边栏透明度修改,及一些细节美化

写在全局生效的css里面:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/*修改颜色值*/
/*最近文章卡片*/
#recent-posts>.recent-post-item,.layout_page>div:first-child:not(.recent-posts),.layout_post>#page,.layout_post>#post,.read-mode .layout_post>#post {
background: var(--light_bg_color)
}

#aside-content .card-widget {
background: var(--light_bg_color)
}

#post,#page,#archive,#tag,#category{
background: var(--light_bg_color)
}

:root{
--card-bg: #00000000;
--light_bg_color: #f0f3f8d9
}

/*修改代码下拉箭头颜色 */
.fa-angle-double-down:before {
color: white;
}