博客版权美化

1. 将以下代码加入主题后台的开发者选项中的自定义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-red {
     background-color: #f00
   }
   .github-badge .bg-green {
     background-color: #3bca6e
   }
   .github-badge .bg-purple {
     background-color: #ab34e9
   }

2. 主题后台-设置外观-开发者设置-博客底部左侧信息添加如下代码

   <div class="github-badge">
   <a href="./" title="©2021 纯白豆浆">
   <span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2021 纯白豆浆</span>
   </a>
   </div>
   | 
   <div class="github-badge">
   <a href="http://beian.miit.gov.cn/" target="_blank" title="鄂ICP备2020016721号-3" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
   <span class="badge-subject">鄂ICP备</span><span class="badge-value bg-green">2020016721号-3</span>
   </a>
   </div>

3. 主题后台-设置外观-开发者设置-博客底部右侧信息添加如下代码

   <div class="github-badge">
       <a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动" >
           <span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
       </a>
   </div>
    |  
   <div class="github-badge">
       <a href="https://www.baidu.com/" target="_blank" title="baidu" >
           <span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
       </a>
   </div>
    |  
   <div class="github-badge">
       <a href="https://www.puresoybean.com.cn/" target="_blank" title="纯白豆浆">
           <span class="badge-subject">Modified</span><span class="badge-value bg-red">纯白豆浆</span>
       </a>
   </div>

4. 添加完成后，需要去handsome/component/footer.php删除原有底部代码，需要删除的代码如下：

   <!--    </div>-->
       <div class="wrapper bg-light">
         <span class="pull-right hidden-xs text-ellipsis">
         <?php $this->options->BottomInfo();
         // 可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解
         ?>
         <!-- Powered by <a target="_blank" href="http://www.typecho.org">Typecho</a> | Theme by <a target="_blank"
                                                                                                         href="https://www.ihewro.com/archives/489/">handsome</a> 删除本行--!>
         </span>
           <span class="text-ellipsis"><!-- © <?php echo date("Y"); ?> Copyright 删除本行--!><?php
               $this->options->BottomleftInfo(); ?></span>
       </div>
   
   </footer>

复制弹窗提示

打开开发者设置-自定义输出body 尾部的HTML代码 添加如下代码

<script src="https://cdn.staticfile.org/layer/2.3/layer.js"></script>

打开开发者设置-自定义 JavaScript 添加如下代码

document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留原文链接！');};