所做的美化都不修改主题代码,采用插入 css 和 js 的方式修改,所以不用担心主题升级。
css 和 js 保存在 hexo\source\js(css)\
_config.butterfly.yml 找到 inject: 在里面插入自己写的样式

魔改的实际效果直接参考我的博客

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/*修改右下角按钮样式*/

#rightside>div>a,
#rightside>div>button {
background-color: rgba(0, 0, 0, .3);
border-radius: 50%;
}


/*隐藏时间轴中的年份*/

.article-sort .year {
display: none;
}


/*去除底部分页按钮*/


/*
.pagination {
display: none;
}
*/


/*去除友链页面的 class_name*/

.flink h2 {
display: none;
}


/*修改滚动条样式*/

::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .15);
border-radius: 2em;
}


/*修改页脚背景透明*/

#footer-wrap {
background: transparent!important;
color: black;
}

#footer {
background: transparent;
}

#footer::before {
display: none;
}

.framework-info a {
color: black!important;
}


/*去除版权提示中链接下划线*/

.post-copyright a {
text-decoration: none !important;
}

.vquote {
border: none !important;
margin-left: -2.5rem;
}


/*去除评论UA信息*/

.vmeta {
display: none;
}


/*鼠标光标*/

body {
cursor: url(https://cdn.jsdelivr.net/npm/kang-static/Hexo/img/default.cur), default;
}


/*修改公告图标颜色和动画*/

.card-announcement-animation {
color: black;
animation: none;
}

/*文章图片左对齐*/
#article-container img {
display: inline!important;
}

#article-container h1 {
font-size: 1rem;
padding-left: 0.8rem
}

#article-container h2 {
font-size: 0.9rem;
padding-left: 0.7rem
}

#article-container h3 {
font-size: 0.8rem;
padding-left: 0.6rem
}

#article-container h4 {
font-size: 0.7rem;
padding-left: 0.5rem
}

#article-container h5 {
font-size: 0.6rem;
padding-left: 0.4rem
}

#article-container h6 {
font-size: 0.5rem;
padding-left: 0.3rem
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/*公告*/
var firstItem = document.getElementsByClassName("recent-post-item")[0]
if (firstItem) {
var announcement = document.createElement("div")
announcement.className = "recent-post-item"
announcement.style.height = '9rem'
announcement.style.padding = '25px 30px'
announcement.style.display = 'block'
var title = document.createElement("div")
title.innerHTML = '<i class="fas fa-bullhorn card-announcement-animation"></i><strong> 公告</strong>'
var content = document.createElement("div")
content.innerHTML = '如果有需要的资源可以在留言板告诉我 😄<br>如无特殊说明,解压密码为 <span class="hl-label blue">nite07.com</span>(部分文件加密码是由于网盘云端检查,见谅)<br>博客维护不易,如果可以的话帮我点一点<a href="https://file.nite07.com/">博客网盘</a>里的广告,您的每一次点击都是对我的莫大支持。'
announcement.appendChild(title)
announcement.appendChild(content)
firstItem.parentElement.insertBefore(announcement, firstItem)
}