备案号设置渐变色样式

博主：丿亅丶孑亥
发布时间：2022 年 02 月 06 日
13272 次浏览
83 条评论
1359字数
分类：默认分类教程

演示参考本站底部，本教程以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 日

© 允许规范转载

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
请输入正确的邮箱，有问题收到邮件会及时回复。

欢迎合法且有意义的评论，避免无营养的发言。请发表适当的观点，并对自己的言论负责。本站已开启评论反垃圾保护，对乱输邮箱及违规言论的ip做永久黑名单处理。

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

83 条评论

听闻
11 个月前

感谢大佬分享

回复
滴滴
2023 年 09 月 07 日

感谢大佬分享

回复
hayaizo
2023 年 09 月 05 日

支持大佬

回复
骄傲的人士
2023 年 07 月 14 日

学习一下

回复
备案号设置渐变色样式 - Hello World
2023 年 06 月 30 日

[...]参考文章备案号设置渐变色样式[...]

回复
Yyyang博客
2023 年 06 月 30 日

学习一下

回复
王亦
2023 年 05 月 14 日

学习一下

回复
看透一切的贫僧
2023 年 04 月 30 日

1555

回复
王亦
2023 年 04 月 29 日

学习一下

回复
Ryonnoski
2023 年 04 月 27 日

感谢分享

回复
小有名气的匿名人士
2023 年 04 月 25 日

学习学习

回复
躲闪的道士
2023 年 04 月 25 日

感谢分享

回复
Douglas
2023 年 04 月 22 日

学习

回复
oecy
2023 年 04 月 19 日

学习

回复
挺胸的女孩
2023 年 03 月 17 日

学习学习

回复
sad
2023 年 03 月 15 日

奥术大师大大所多

回复
test
2023 年 02 月 01 日

学习一下啊

回复
不知名的贫僧
2023 年 01 月 06 日

学习一下

回复
金城武
2022 年 12 月 14 日

学习了，很不错的备案教学

回复
lala21
2022 年 11 月 30 日

学习一下

回复
burningash
2022 年 11 月 15 日

学习学习

回复
dragon
2022 年 10 月 19 日

66666,CSS渐变色啊

回复
空禾.
2022 年 10 月 14 日

博主为什么你们的评论显示的都是几周或者几天前，我的是一个英文的日期，我用的也是hansome主题。

回复
1. 丿亅丶孓亥
  2022 年 10 月 14 日
  
  @空禾.
  
  设置—评论—评论日期格式（改为natural）
  
  回复
  1. 空禾.
    2022 年 10 月 14 日
    
    @丿亅丶孓亥
    
    学到了，谢谢大佬
    
    回复
duke
2022 年 09 月 29 日

谢谢谢谢

回复
不知名的女孩
2022 年 09 月 27 日

谢谢谢谢

回复
挺胸的人士
2022 年 09 月 21 日

可以可以可以

回复
被遗忘的灬天空
2022 年 09 月 10 日

学习学习

回复
学习强国
2022 年 08 月 31 日

666学习学习

回复
潜心学习的打工人
2022 年 08 月 23 日

学习学习

回复
corelift
2022 年 08 月 16 日

看看教程

回复
止戈博客
2022 年 08 月 03 日

来看看怎么操作

回复
猫咪呀
2022 年 08 月 02 日

看看教程

回复
andiliba
2022 年 07 月 21 日

看看

回复
挺胸的大黄
2022 年 07 月 06 日

拿走

回复
看透一切的匿名人士
2022 年 07 月 04 日

摸走

回复
corelift
2022 年 06 月 30 日

真不错，拿走了

回复
潜心学习的打工人
2022 年 06 月 17 日

学习

回复
躲闪的贫僧
2022 年 06 月 17 日

学习

回复
qun
2022 年 06 月 11 日

看上去不错

回复
白鹿
2022 年 06 月 06 日

厉害啊

回复
挺胸的男士
2022 年 05 月 20 日

再次看卡

回复
river
2022 年 05 月 17 日

拿走看看谢谢

回复
Dg
2022 年 05 月 02 日

很好看，带走了

回复
keane
2022 年 04 月 28 日

哈哈哈真好看

回复
小有名气的学生
2022 年 04 月 27 日

我看看啊

回复
小玖久
2022 年 04 月 26 日

拿走了

回复
lemon
2022 年 04 月 25 日

好东西

回复
Derm
2022 年 04 月 12 日

真不错拿走了

回复
wzx
2022 年 04 月 09 日

带走了

回复
半截の诗
2022 年 04 月 07 日

真不错，拿走了

回复
lun
2022 年 04 月 06 日

真不错，拿走了

回复
Joe
2022 年 04 月 03 日

真不错，拿走了

回复
　
2022 年 04 月 01 日

真不错，拿走了

回复
Janexia
2022 年 03 月 25 日

真不错，拿走了

回复
小染
2022 年 03 月 24 日

还不错拿走

回复
贰拾伍
2022 年 03 月 24 日

还不错拿走

回复
haha
2022 年 03 月 23 日

观摩

回复
这就是名字 1
2022 年 03 月 21 日

很好看，带走了 ::3D:108::

回复
夜栩 1
2022 年 03 月 18 日

::3D:108:: 来看看

回复
小染
2022 年 03 月 18 日

看看，拿走了

回复
云志
2022 年 03 月 15 日

看看，拿走了 ::3D:108::

回复
噗哈哈哈
2022 年 03 月 10 日

噗哈哈哈，看看效果如何？

回复
问泽卌
2022 年 03 月 04 日

我直接带走 ::3D:130::

回复
12
2022 年 03 月 03 日

支持

回复
吃瓜市民王先生
2022 年 02 月 23 日

很难不支持

回复
123
2022 年 02 月 21 日

支持

回复
大名鼎鼎的人士
2022 年 02 月 20 日

支持

回复
111
2022 年 02 月 20 日

支持

回复
琴歌
2022 年 02 月 19 日

支持

回复
冷水薄荷
2022 年 02 月 17 日

支持了

回复
天才书剑
2022 年 02 月 14 日

好看

回复
土拨许
2022 年 02 月 13 日

大佬的ID很吸引人

回复
1. 鉴黄大师
  2022 年 02 月 13 日
  
  @土拨许
  
  大佬，今天下午就就浏览过你的主页，很nice哦
  
  回复
知名的人士
2022 年 02 月 10 日

谢谢大佬

回复
看透一切的贫僧
2022 年 02 月 10 日

问下大佬，Handsome主题默认的评论头像是圆角矩形，怎么改成这种圆形样式呢?

回复
1. 鉴黄大师
  2022 年 02 月 10 日
  
  @看透一切的贫僧
  
  / 时光机及评论区圆形头像 /
  .img-square {border-radius: 50%;}
  .list-group-item .thumb-sm .img-square {border-radius: 5px;}
  放到自定义css里就行 ::萌宝:2::
  
  回复
  1. 看透一切的学生
    2022 年 02 月 13 日
    
    @鉴黄大师
    
    感谢
    
    回复
不知名的人士
2022 年 02 月 08 日

看看看看 : ::yyds:14:: ::萌宝:2:: ::萌宝:8::

回复
1. 鉴黄大师
  2022 年 02 月 08 日
  
  @不知名的人士
  
  这该死的涛 ::萌宝:29::
  
  回复
鉴黄大师
2022 年 02 月 07 日

就是任性

回复
雨落倾城
2022 年 02 月 07 日

来打卡啦

回复

jcvknqtidh
真好呢
ieopqeftnd
真棒！
一只小白菜
看看啦
kuvqstlywd
哈哈哈，写的太好了https://www.cscnn.com/
gyavprlati
想想你的文章写的特别好www.jiwenlaw.com

备案号设置渐变色样式

丿亅丶孑亥 • 2022 年 02 月 06 日

<p><div class="tip inlineBlock info">演示参考本站底部，本教程以handsome主题为例，其它主题修改时注意下面第一步的HTML添加到页脚区域，其他都一样</div><p><div class="tip inlineBlock error">禁止转载</div><p><strong>第一步，首先在handsome主题的 开发者设置/博客底部左、右侧信息里分别粘贴以下内容</strong></p><pre><code class="lang-HTML">&lt;!-- 添加到网站底部左侧,根据自己需要修改 --&gt; 
&lt;div class=&quot;github-badge&quot;&gt;
&lt;a href=&quot;http://beian.miit.gov.cn/&quot; target=&quot;_blank&quot; title=&quot;陇ICP备 2021000217号-1&quot; style=&quot;cursor: url(&amp;quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&amp;quot;), pointer;&quot;&gt;
&lt;span class=&quot;badge-subject&quot;&gt;陇ICP备&lt;/span&gt;&lt;span class=&quot;badge-value bg-purple&quot;&gt;2021000217号-1&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;

&lt;!-- 添加到网站底部右侧，根据自己需要修改 --&gt; 
&lt;div class=&quot;github-badge&quot;&gt;
&lt;a href=&quot;http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42011102004617&quot; title=&quot;42011102004617号&quot;&gt;
&lt;span class=&quot;badge-subject&quot;&gt;&lt;img src=&quot;https://bed.attainment.cn/img/40.png&quot; style=&quot;float:left;&quot;/&gt;鄂公网安备&lt;/span&gt;&lt;span class=&quot;badge-value bg-green&quot;&gt;42011102004617号&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;</code></pre><p><strong>第二步，添加以下内容到自定义CSS</strong><br><div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div><br><strong>最后，啰嗦几句</strong> <img src="https://blog.attainment.cn/usr/themes/handsome/assets/img/emotion/coolapk/31.png" class="emotion-coolapk"> <br>上面的渐变色可根据自己的喜好进行修改，渐变配色方案可参考这个网站，<span class="external-link"><a class="no-external-link" href="https://webgradients.com/" target="_blank"><i data-feather="external-link"></i>渐变配色</a></span> 复制方案对应的css里面的渐变配色,替换掉原来的渐变色<code>linear-gradient(to right, #fbc2eb 0%, #a8edea 100%);</code>即可<br>大多数博主右侧放的应该不是公网安备案号，不过渐变色的css修改方法和这个一模一样，自己DIY就行。有什么问题可以在下方留言哦 <img src="https://blog.attainment.cn/usr/themes/handsome/assets/img/emotion/coolapk/13.png" class="emotion-coolapk"></p>