前言

想让网站秒变 “氛围感达人”？别让网站底部像被遗忘的角落一样灰头土脸！快来试试子比美化 —— 给你的网站底部一键开启 “美颜特效”，添加美化代码，让访客浏览到最下方时，都忍不住发出 “哇哦” 的惊叹，直接把网站颜值拉满，轻松拿捏高级感！

演示图

教程

把下面的代码复制粘贴到这个地方 主题设置，页面显示，底部页脚，板块2即可

<style>
  .github-badges-container {
    text-align: center; /* 居中对齐 */
    margin-top: 20px; /* 添加顶部间距，可选 */
  }

  .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: #ffa500;
    padding: 4px 4px 4px 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .github-badge a {
    display: inline-block;
    padding: 4px 6px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff !important;
  }

  .github-badge .bg-fen {
    background-color: #e76dcb;
  }

  .github-badge .bg-red {
    background-color: #f55066;
  }

  .github-badge .bg-green {
    background-color: #3bca6e;
  }

  .github-badge .bg-cai {
    background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
  }
  
  /* 新增样式 */
  .github-badge .bg-blue {
    background-color: #007bff;
  }

  .github-badge .bg-orange {
    background-color: #ff7f50;
  }

  .github-badge .bg-purple {
    background-color: #6a5acd;
  }
</style>

<div class="github-badges-container">
  <div class="github-badge">
    <span class="badge-subject">网站托管于</span>
    <a class="bg-cai" href="/" rel="external nofollow" target="_blank">
      阿里云
    </a>
  </div>
  <div class="github-badge">
    <a class="bg-blue" href="/copyright-complaint" rel="external nofollow" target="_blank">
      版权投诉声明
    </a>
  </div>
  <div class="github-badge">
    <a class="bg-orange" href="/disclaimer" rel="external nofollow" target="_blank">
      免责声明
    </a>
  </div>
  <div class="github-badge">
    <a class="bg-purple" href="/protocol" rel="external nofollow" target="_blank">
      用户协议
    </a>
  </div>
</div>