Loading...
演示参考本站底部,本教程以handsome主题为例,其它主题修改时注意下面第一步的HTML添加到页脚区域,其他都一样禁止转载第一步,首先在handsome主题的 开发者设置/博客底部左、右侧信息里分别粘贴以下内容
第二步,添加以下内容到自定义CSS/底部页脚CSS/.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: #ffc5e7;/“陇ICP备”“鄂公网安备”字体块区16进制颜色自行修改/ 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-green {background: linear-gradient(to right, #fbc2eb 0%, #a8edea 100%);}/左侧"ICP备案号"区域渐变色自行修改/.github-badge .bg-purple {background: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%);}/右侧"公网备案号"区域渐变色自行修改/
最后,啰嗦几句 上面的渐变色可根据自己的喜好进行修改,渐变配色方案可参考这个网站,渐变配色 复制方案对应的css里面的渐变配色,替换掉原来的渐变色linear-gradient(to right, #fbc2eb 0%, #a8edea 100%);即可大多数博主右侧放的应该不是公网安备案号,不过渐变色的css修改方法和这个一模一样,自己DIY就行。有什么问题可以在下方留言哦
加载失败!尝试重新加载
来自北部的一个小城市,个性不张扬,讨厌随波逐流。
兰空图床链接AList提供的WebDAV服务的配置方法
演示参考本站底部,本教程以handsome主题为例,其它主题修改时注意下面第一步的HTML添加到页脚区域,其他都一样
禁止转载
第一步,首先在handsome主题的 开发者设置/博客底部左、右侧信息里分别粘贴以下内容
第二步,添加以下内容到自定义CSS
/底部页脚CSS/
.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: #ffc5e7;/“陇ICP备”“鄂公网安备”字体块区16进制颜色自行修改/
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-green {background: linear-gradient(to right, #fbc2eb 0%, #a8edea 100%);}/左侧"ICP备案号"区域渐变色自行修改/
.github-badge .bg-purple {background: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%);}/右侧"公网备案号"区域渐变色自行修改/
最后,啰嗦几句
上面的渐变色可根据自己的喜好进行修改,渐变配色方案可参考这个网站,渐变配色 复制方案对应的css里面的渐变配色,替换掉原来的渐变色linear-gradient(to right, #fbc2eb 0%, #a8edea 100%);即可
大多数博主右侧放的应该不是公网安备案号,不过渐变色的css修改方法和这个一模一样,自己DIY就行。有什么问题可以在下方留言哦