# 导读 基于Typecho平台的主题，在页脚信息修改，追求美观的。 # 步骤 版本不一致，可能要稍作修改~ Step1: 删除Handsome/component/footer.php原来的底部版权 ，也就是删除如下代码: ``` 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> ``` 以及下一行中的,不要删除多了 ``` © <?php echo date("Y"); ?> Copyright ``` Step2: 将以下内容添加至 外观设置 >> 开发者设置 >> 博客底部左侧信息 下： ``` <!-- 博客底部左侧信息 --> <div class="github-badge"> <a href="./" title="©2021 网站名字"> <span class="badge-subject">Copyright</span><span class="badge-value bg-blue">网站名字</span> </a> </div> | <div class="github-badge"> <a href="https://beian.miit.gov.cn" target="_blank" title="备案号文字"> <span class="badge-subject">X ICP备</span><span class="badge-value bg-green">XXXXXXXX号</span> </a> </div> ``` Step3: 将以下内容添加至 外观设置 >> 开发者设置 >> 博客底部右侧信息 下： ``` <!-- 博客底部右侧信息 --> <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.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题，作者：友人C"> <span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span> </a> </div> ``` Step4: 将以下内容添加至 外观设置 >> 开发者设置 >> 自定义 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 } ``` Loading... # 导读 基于Typecho平台的主题，在页脚信息修改，追求美观的。 # 步骤 版本不一致，可能要稍作修改~ Step1: 删除Handsome/component/footer.php原来的底部版权 ，也就是删除如下代码: ``` 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> ``` 以及下一行中的,不要删除多了 ``` © <?php echo date("Y"); ?> Copyright ``` Step2: 将以下内容添加至 外观设置 >> 开发者设置 >> 博客底部左侧信息 下： ``` <!-- 博客底部左侧信息 --> <div class="github-badge"> <a href="./" title="©2021 网站名字"> <span class="badge-subject">Copyright</span><span class="badge-value bg-blue">网站名字</span> </a> </div> | <div class="github-badge"> <a href="https://beian.miit.gov.cn" target="_blank" title="备案号文字"> <span class="badge-subject">X ICP备</span><span class="badge-value bg-green">XXXXXXXX号</span> </a> </div> ``` Step3: 将以下内容添加至 外观设置 >> 开发者设置 >> 博客底部右侧信息 下： ``` <!-- 博客底部右侧信息 --> <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.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题，作者：友人C"> <span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span> </a> </div> ``` Step4: 将以下内容添加至 外观设置 >> 开发者设置 >> 自定义 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 } ``` 最后修改：2026 年 02 月 18 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 如果觉得我的文章对你有用，请随意赞赏
