fbc2eb
    听闻 2023-11-29 04:24:17
    记录

    演示参考本站底部，本教程以handsome主题为例，其它主题修改时注意下面第一步的HTML添加到页脚区域，其他都一样
    禁止转载
    第一步，首先在handsome主题的 开发者设置/博客底部左、右侧信息里分别粘贴以下内容

    陇ICP备2021000217号-1
    鄂公网安备42011102004617号

    第二步，添加以下内容到自定义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就行。有什么问题可以在下方留言哦

联系方式

关于我

  • 来自北部的一个小城市，个性不张扬，讨厌随波逐流。

那年今日
某 月前

大家就当无事发生过