Typecho-handsome主题页脚美化

简介: handsome主题中页脚美化,如下图所示, 可以让主题的页脚更加具有个性化

handsome主题中页脚美化,如下图所示


自定义CSS

  • 主题设置——开发者设置——自定义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
   }

博客底部左侧信息

  • 主题设置——开发者设置——博客底部左侧信息
    (记得将其中的内容改成自己网站的!!!)
<div class="github-badge">
  <span class="badge-subject">粤ICP备</span>
  < a href="http://beian.miit.gov.cn/" target="_blank"
    <span class="badge-value bg-green">2022033341号-1 </span></ a>
</div>&nbsp;|&nbsp;
<div class="github-badge">
  <span class="badge-subject">粤公网安备</span>
  < a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44060602002242" target="_blank">
    <span class="badge-value bg-orange">44060602002242号 </span></ a> 
</div>&nbsp;|&nbsp;
<div class="github-badge">
  <span class="badge-subject">Copyright</span>
  < a href=" " target="_blank">
    <span class="badge-value bg-blue">2022&nbsp;Mango Diary</span></ a>
</div>&nbsp;|&nbsp;

博客底部右侧信息

  • 主题设置——开发者设置——博客底部右侧信息
<div class="github-badge">
     <span class="badge-subject">Powered by</span>
     < a href=" " target="_blank">
       <span class="badge-value bg-blue">Typecho</span></ a>
   </div>&nbsp;|&nbsp;
<div class="github-badge">
     <span class="badge-subject">Theme by</span>
     < a href="https://www.ihewro.com/" target="_blank">
       <span class="badge-value bg-orange">Handsome</span></ a>
   </div>

修改文件代码

  • 修改footer.php文件
    按以下路径进入目录:...usr/handsome/component,点击footer.php文件进入源代码,删除以下所框选的代码

fd3b07230f759f5ebd992d8f9813264.png

d0b086a3192315e6f13ea65722db37f.png


最终效果

4813225a71d2ff9b2cb924b93427b24.png

目录
相关文章
|
Unix Linux 数据安全/隐私保护
使用阿里云配置饥荒游戏服务器教程
阿里云学生服务器,配置饥荒服务器,实现远程畅联
|
3月前
|
人工智能 测试技术 编译器
Python语言从2.7到3.14的能力变化与演进逻辑
Python自2008年进入3.0时代以来,经历了持续演进与革新。十六年间,从语言设计、标准库优化到性能提升、虚拟机改进,Python不断适应人工智能、云计算和微服务等技术的发展需求。本文全面梳理了Python 3发布以来的重要变化,涵盖编程风格现代化、类型系统完善、类库生态调整、性能优化突破以及虚拟机技术创新等多个维度,展示了Python如何在保持简洁易用的同时,实现高效、稳定和可扩展的工程能力。未来,Python将在性能、类型安全和云原生等方面持续进化,进一步巩固其在现代软件开发中的核心地位。
302 30
Centos8同步时间(阿里云NTP服务为例)
Centos8同步时间(阿里云NTP服务为例)
1515 1
【LaTex、markdown】常用语法写出漂亮的blog
【9月更文挑战第9天】本文介绍了使用LaTeX和Markdown编写美观博客的方法。LaTeX方面,需定义文档类型、设置标题与作者,并利用特定命令处理文本格式、列表、数学公式、图片和超链接。Markdown则通过井号表示标题级别,使用星号或下划线标记文本,简化列表和公式的编写,并以直观方式插入图片和链接。两者均可通过合理布局提升博客的可读性和视觉效果。
286 8
|
应用服务中间件 nginx
centos7.6安装Nginx解决403
centos7.6安装Nginx解决403
256 0
|
搜索推荐 Python Windows
python中对于wordcloud词云生成报错提示的解决
通过搜索印象错误信息:ValueError:Only supported for TrueType fonts,几乎大部分人给出的选项都是让你指定TrueType fonts路径,或者新下载TTF字体,并重新指定,但是这两种解决方案并无法解决报错。 在真正解决问题之前,先来介绍几个与之相关的知识点,对于有经验的人,这样的知识点完全是“小菜”,但是对于初学者,这种知识点就是因为缺少相关实践而无从下手,无从搜索引擎。
JAVA实现CRC16多项式(GB/T20999-2017)
JAVA实现CRC16多项式(GB/T20999-2017)
241 0
|
机器学习/深度学习 人工智能 自然语言处理
极智AI | 变形金刚大家族Transformer ViT CLIP BLIP BERT模型结构
大家好,我是极智视界,本文整理介绍一下 Transformer ViT CLIP BLIP BERT 模型结构。
797 0
|
分布式计算 IDE Hadoop
Big Data Tools插件使用
Big Data Tools插件使用
864 0