底部徽標 · Handsome美化

## 使用方法 ### 修改方式一 * 打開`/handsome/component/footer.php`，找到`<div class="wrapper bg-light">`，修改成想要的樣式 ```  <div class="wrapper bg-light">  <div class="github-badge"> <a rel="license" href="http://www.typecho.org" target="_blank" title="由Typecho強力驅動"> <span class="badge-subject">Powered</span> <span class="badge-value bg-green">Typecho</span></a> </div>  <span class="pull-right hidden-xs text-ellipsis"> <?php $this->options->BottomInfo(); ?> <div class="github-badge"> <a rel="license" href="http://beian.miit.gov.cn/" target="_blank" title="粵ICP備XXXX號"> <span class="badge-subject">©<?php echo date("Y");?></span> <span class="badge-value bg-blue">粵ICP備XXXX號</span></a> </div> </span> </div>  ``` * 自定義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: #3282b8} .github-badge .bg-purple {background-color: #3F51B5} .github-badge .bg-green {background-color: #3bca6e} ``` ## 修改方式二 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="?2019 Rudy"> <span class="badge-subject">Copyright</span><span class="badge-value bg-blue">?2019 Rudy</span> </a> </div>  |  <div class="github-badge"> <a href="http://www.miitbeian.gov.cn/" target="_blank" title="湘ICP備 xxxxxxxx號" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;"> <span class="badge-subject">湘ICP備</span><span class="badge-value bg-green">20002004號</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://baidu.comt/" target="_blank" title="baidu"> <span class="badge-subject">Modified</span><span class="badge-value bg-red">baidu</span> </a> </div> ``` 4.添加完成后，需要去`handsome/component/footer.php`刪除原有底部代碼，需要刪除的代碼如下： ``` <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?> <?php Content::outputCommentJS($this, $this->security); ?> </div> <footer id="footer" class="app-footer" role="footer"> <div class="wrapper b-t bg-light"> <span class="pull-right hidden-xs text-ellipsis"> <?php $this->options->BottomInfo(); ?>  </span> <span class="text-ellipsis">  <?php $this->options->BottomleftInfo(); ?></span> </div> ```