导读 == 基于Typecho平台的主题，在页脚信息修改，追求美观的。 步骤 == [scode type="yellow"]版本不一致，可能要稍作修改~[/scode] 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平台的主题，在页脚信息修改，追求美观的。 步骤 == <div class="tip inlineBlock warning"> 版本不一致，可能要稍作修改~ </div> 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 } © 允许规范转载
