美文网首页
handsome主题美化(二)- 底部页脚版权美化

handsome主题美化(二)- 底部页脚版权美化

作者: _假装在上海 | 来源:发表于2020-12-13 13:09 被阅读0次

    原文链接

    如图


    rArqQ1.png

    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&nbsp;Alvin">
    <span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2019&nbsp;Alvin</span>
    </a>
    </div>
    &nbsp;|&nbsp;
    <div class="github-badge">
    <a href="http://www.miitbeian.gov.cn/" target="_blank" title="粤ICP备 xxx号" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
    <span class="badge-subject">粤ICP备</span><span class="badge-value bg-green">xxx号</span>
    </a>
    </div>
    
    

    3.将以下内容添加至开发者设置-博客底部右侧信息

    <div class="github-badge">
    <a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
    <span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
    </a>
    </div>
    &nbsp;|&nbsp; 
    <div class="github-badge">
    <a href="https://www.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题,作者:友人C" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
    <span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
    </a>
    </div>
    
    

    4.修改handsome\component\footer.php文件
    删除代码以下代码(大概第八行左右):

    Powered by <a target="blank" href="http://www.typecho.org">Typecho</a>&nbsp;|&nbsp;Theme by <a target="blank" href="https://www.ihewro.com/archives/489/">handsome</a>
    
    
    

    继续删除以下代码

    &copy;&nbsp;<?php echo date("Y");?> Copyright&nbsp;
    
    

    保存设置后刷新你的博客看一下吧~

    相关文章

      网友评论

          本文标题:handsome主题美化(二)- 底部页脚版权美化

          本文链接:https://www.haomeiwen.com/subject/fvougktx.html