## 使用方法
### 修改方式一
* 打开`/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><!-- /content -->
<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(); ?>
<!-- Powered by <a target="blank" href="http://www.typecho.org">Typecho</a> | Theme by <a target="blank" href="https://baidu.com">baidu</a> 删除本行-->
</span>
<span class="text-ellipsis">
<!-- © <?php echo date("Y");?> Copyright 删除本行-->
<?php $this->options->BottomleftInfo(); ?></span>
</div>
```
- typecho简介
- handsome简介
- 声 明
- 美化教程
- 浏览器动态标题
- 鼠标点击特效
- 全屏彩带飘动背景动画特效
- 首页文章版式圆角化
- 首页文章图片获取焦点放大
- 首页文章版式阴影化
- 生成当前文章标签
- 给网站加上复制后提示
- 博主介绍闪字效果
- 右边侧栏加入每日pixiv热榜图片
- 一言api古诗词版
- 时光轴
- 修改后台路径
- 一键评论打卡
- 随机播放音乐
- Font-Awesome旋转图标
- 底部徽标
- 头像呼吸光环和悬停旋转
- 文章内图片悬停放大
- 文章内打赏图标跳动
- 给网站添加加载耗时显示
- 复制弹框
- 彩虹标签云
- 在文章页右侧添加标签云
- 在文章顶部添加百度是否收录
- 为 Typecho编辑器增加 HTML标签支持
- 给handsome增加更多表情包
- 文章标题美化
- 首页预览头图走cos
- 超链接美化
- 导航栏输出二级菜单
- 首页文章列表悬停上浮
- 给网站添加 Chatra 在线客服插件
- 左侧文章图标和评论头像鼠标悬停旋转
- 首页倒计时
- 屏蔽F12
- 右键自定义
- 404页面自动返回
- 给typecho加上心知天气
- 手机适配中不显示热门及标签云
- 修复透明背景下文章目录bug
- 修复透明背景下时光机右侧bug
- 给你的友链换一个更好看的样式吧
- 文章标题简介头图显示且居中
- 左侧下拉框
- Handsame主题添加微信公众号入口
- 让被复制的文章自带版权说明
- 微信通知新评论
- 自建公众号对接handsome主题时光机
- 给背景添加粒子效果
- 防止复制
- 插件
- 打字烟花及震动特效
- 代码高亮插件Code Prettify
- 文章添加版权说明
- 前台美化插件-AliceStyle
- 访客信息获取
- 一键评论打卡--插件版
- 下雪插件
- 彩色标签云插件
- 小猫咪插件
- 悬挂猫咪置顶插件
- 速度优化
- GZIP加速网站
- Gravatar国内源
- Handsome 主题使用阿里云镜像加速
- 图片加载速度优化全家桶
- 其他
- 常见问题
- 为什么我用文字样式自定义直接显示代码？
- typecho如何开启伪静态
- 我怎么去改首页文章数量？