底部版权美化

左侧底部放在后台-开发者设置-博客底部左侧信息

<!--左侧底部-->
<div class="github-badge">
  <span class="badge-subject">Copyright</span>
  <a href="https://www.hellocode.top"target="_blank">
    <spanclass="badge-value bg-blue">©2022 HelloCode.</span></a>
</div> | 
<divclass="github-badge">
  <spanclass="badge-subject">豫ICP备</span>
  <ahref="http://beian.miit.gov.cn/"target="_blank">
    <spanclass="badge-value bg-green">2020030958号</span></a>
</div>
<divclass="github-badge">
<imgsrc="https://cdn-qh.oss-cn-guangzhou.aliyuncs.com/bkimg/bei.png"style="float:left;"/>
  <spanclass="badge-subject">豫公网安备</span>
  <ahref="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41032602000132"target="_blank">
    <spanclass="badge-value bg-green">41032602000132号</span></a>
</div>

右侧底部放在后台-开发者设置-博客底部右侧信息

<!--右侧底部-->
<div class="github-badge">
  <spanclass="badge-subject">本站由</span>
  <ahref="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral"target="_blank">
    <spanclass="badge-value bg-blue">又拍云提供CDN加速服务</span></a>
</div> | 
<divclass="github-badge">
  <spanclass="badge-subject">Theme by</span>
  <ahref="https://www.ihewro.com/"target="_blank">
    <spanclass="badge-value bg-orange">Handsome</span></a>
</div>

css放在主题设置-自定义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: #4d4d4d;
  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-blue {
  background-color: #007ec6
}

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

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

把下面代码放在主题目录usr/themes/handsome/component/footer.php内大概在177行，覆盖原来的即可

<footerid="footer"class="app-footer"role="footer">
    <divclass="wrapper bg-light">
      <spanclass="pull-right hidden-xs text-ellipsis">
      <?php$this->options->BottomInfo();
      // 可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解
      ?>
      </span>
        <spanclass="text-ellipsis"><?php
            $this->options->BottomleftInfo(); ?></span>
    </div>

</footer>

美化参考

美化备忘录