美化效果图
步骤
此美化仅适用于Handsome主题
第一步:
下载下方JS文件,并放到网站文件夹目录下用以引用。
第二步:
后台管理->外观->设置外观->开发者设置->自定义CSS
并复制以下代码粘贴到上面
点击展开 查看代码
.github-badge {
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;
background-color: #4D4D4D;
margin-bottom: 5px;
}
.github-badge .badge-subject {
display: inline-block;
background-color: #4D4D4D;
padding: 4px 2px 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-brightgreen {
background-color: #4c1 !important;
}
.github-badge .bg-green {
background-color: #97CA00 !important;
}
.github-badge .bg-yellow {
background-color: #dfb317 !important;
}
.github-badge .bg-yellowgreen {
background-color: #a4a61d !important;
}
.github-badge .bg-orange {
background-color: #fe7d37 !important;
}
.github-badge .bg-red {
background-color: #ff2900 !important;
}
.github-badge .bg-blue {
/* background-color: #007ec6 !important; */
background-color: #39f !important;
}
.github-badge .bg-grey, .github-badge .bg-gray {
background-color: #555 !important;
}
.github-badge .bg-lightgrey, .github-badge .bg-lightgray {
background-color: #9f9f9f !important;
}
第三步:
找到自定义Javascript(在自定义CSS下面)
并引用上方JS文件
<script type="text/javascript" src="https://zxz.ee/usr/plugins/yejiaostyle/footer.js"></script>
然后就可以查看效果啦~