演示参考本站底部,本教程以handsome主题为例,其它主题修改时注意下面第一步的HTML添加到页脚区域,其他都一样

禁止转载

第一步,首先在handsome主题的 开发者设置/博客底部左、右侧信息里分别粘贴以下内容

<!-- 添加到网站底部左侧,根据自己需要修改 --> 
<div class="github-badge">
<a href="http://beian.miit.gov.cn/" target="_blank" title="陇ICP备 2021000217号-1" 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-purple">2021000217号-1</span>
</a>
</div>

<!-- 添加到网站底部右侧,根据自己需要修改 --> 
<div class="github-badge">
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42011102004617" title="42011102004617号">
<span class="badge-subject"><img src="https://bed.attainment.cn/img/40.png" style="float:left;"/>鄂公网安备</span><span class="badge-value bg-green">42011102004617号</span>
</a>
</div>

第二步,添加以下内容到自定义CSS

此处内容需要评论回复后(审核通过)方可阅读。

最后,啰嗦几句
上面的渐变色可根据自己的喜好进行修改,渐变配色方案可参考这个网站,渐变配色 复制方案对应的css里面的渐变配色,替换掉原来的渐变色linear-gradient(to right, #fbc2eb 0%, #a8edea 100%);即可
大多数博主右侧放的应该不是公网安备案号,不过渐变色的css修改方法和这个一模一样,自己DIY就行。有什么问题可以在下方留言哦

最后修改:2022 年 04 月 11 日
如果觉得我的文章对你有用,请随意赞赏