handsome主题美化

小阿庆 included in Development_Tools_and_Environment

2024-03-31 2024-03-31 643 words 2 minutes views

Contents

操作方法：

1.将以下添加至自定义CSS中

 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
/*底部页脚*/
.github-badge {
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;
background-color: #abbac3;
margin-bottom: 5px
}

.github-badge .badge-subject {
display: inline-block;
background-color: #4d4d4d;
padding: 4px 4px 4px 6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}

.github-badge .badge-value {
display: inline-block;
padding: 4px 6px 4px 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}

.github-badge .bg-blue {
background-color: #007ec6
}

.github-badge .bg-orange {
background-color: #ffa500
}

.github-badge .bg-red {
background-color: #f00
}

.github-badge .bg-green {
background-color: #3bca6e
}

.github-badge .bg-purple {
background-color: #ab34e9
}

CSS 复制

2.将以下内容添加至开发者设置-博客底部左侧信息,将内容改成自己的

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<div class="github-badge">
<a href="./" title="©2019&nbsp;Alvin">
<span class="badge-subject">Copyright</span><span class="badge-value bg- 
blue">©2019 Alvin
</a>
</div>
&nbsp;|&nbsp;
<div class="github-badge">
<a href="http://www.miitbeian.gov.cn/" target="_blank" title="粤ICP备 xxx 号" style="cursor: 
url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">粤ICP备</span><span class="badge-value bg-green">xxx号</span>
</a>
</div>

HTML 复制

3.将以下内容添加至开发者设置-博客底部右侧信息

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<div class="github-badge">
<a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur", pointer;">
<span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
</a>
</div>
&nbsp;|&nbsp; 
<div class="github-badge">
<a href="https://www.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题，作者：友人C" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
</a>
</div>

HTML 复制

4.修改handsome\component\footer.php文件

删除代码以下代码（大概第八行左右）：

1
2
Powered by <a target="blank" href="http://www.typecho.org">Typecho</a>&nbsp;|&nbsp;Theme by <a 
target="blank" href="https://www.ihewro.com/archives/489/">handsome</a>

PHP 复制

继续删除以下代码

PHP 复制

保存设置后刷新你的博客看一下吧~

本章节转自 Candz’s Blog —原文链接已失效