正文
参考来自看云
图标
按钮图标
[button color="info" icon="glyphicon glyphicon-tags" url="https:\/\/getbootstrap.com\/docs\/3.3\/components\/" type=""]图标库[/button]
示例
[button]矩形按钮文字[/button]
[button color="succees"]矩形按钮文字[/button]
[button type="round" color="success"]椭圆形按钮文字[/button]
[button color="success" icon="glyphicon glyphicon-asterisk"]图标按钮文字[/button]
[button]矩形按钮文字[/button]
[button color="succees"]矩形按钮文字[/button]
[button type="round" color="success"]椭圆形按钮文字[/button]
[button color="success" icon="glyphicon glyphicon-asterisk"]图标按钮文字[/button]
按钮链接
若原本为https://getbootstrap.com/docs/3.3/components/ 则需要修改为 https:\/\/getbootstrap.com\/docs\/3.3\/components\/ 方可正常跳转
导航栏图标
找到usr/themes/handsome/component/aside.php文件
大致在第191行左右的样子
<?php if (!$hideHomeItem): ?>
<!--主页-->
<li>
<a href="<?php $this->options->rootUrl(); ?>/" class="auto">
<span class="nav-icon"><i data-feather="navigation"></i></span>
<span><?php _me("首页") ?></span>
</a>
</li>
<li>
<a target="_blank" href="https://pan.yuos.top/#/s/yKuv" class="auto">
<span class="nav-icon"><i data-feather="folder"></i></span>
<span><?php _me("文件") ?></span>
</a>
</li>
<li>
<a target="_blank" href="https://mail.yuos.top/" class="auto">
<span class="nav-icon"><i data-feather="mail"></i></span>
<span><?php _me("邮箱") ?></span>
</a>
</li>
<li>
<a target="_blank" href="http://pan.alibada.ml:9983/" class="auto">
<span class="nav-icon"><i data-feather="cloud"></i></span>
<span><?php _me("网盘") ?></span>
</a>
</li>
<li>
<a target="_blank" href="http://photo.alibada.ml:9985/" class="auto">
<span class="nav-icon"><i data-feather="aperture"></i></span>
<span><?php _me("图床") ?></span>
</a>
</li>
<li>
<a target="_blank" href="https://space.bilibili.com/318787487/" class="auto">
<span class="nav-icon"><i data-feather="tv"></i></span>
<span><?php _me("bilibili") ?></span>
</a>
</li>
<li>
<a target="_blank" href="https://github.com/yuos-bit" class="auto">
<span class="nav-icon"><i data-feather="github"></i></span>
<span><?php _me("Github") ?></span>
</a>
</li>
<li>
<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=5FBvVjw" class="auto">
<span class="nav-icon"><i data-feather="message-circle"></i></span>
<span><?php _me("QQ群") ?></span>
</a>
</li>
<!-- /主页 -->
<i data-feather="mail">其中的"mail"既是图标名
[button color="info" icon="glyphicon glyphicon-tags" url="https:\/\/feathericons.com\/" type=""]导航栏图标库[/button]
评论表情图标
[button color="info" icon="glyphicon glyphicon-download-alt" url="https:\/\/wwi.lanzous.com\/i9uqhomdcyf" type=""]下载链接[/button]
使用方法
解压后会得到一个OwO.json文件及funny文件夹；
然后将funny文件夹放置在/usr/themes/handsome/usr/img/emotion目录下即可；
然后用我们解压得到的OwO.json文件替换掉/usr/themes/handsome/usr目录下的OwO.json文件即可；
插件
crisp在线客服插件
注册crisp账户并添加网站：[button color="info" icon="glyphicon glyphicon-globe" url="https:\/\/app.crisp.chat\/initiate\/signup\/" type=""]网址[/button]
注册完成后，点击 设置-网站设置-显示整合-HTML，复制代码添加至后台主题设置 自定义输出head 头部的HTML代码即可
邮件插件
使用说明
- [button color="info" icon="glyphicon
glyphicon-circle-arrow-down"
url="https:\/\/wwi.lanzous.com\/iXZivomdq8d" type=""]插件下载[/button]
- 将插件上传到
/usr/plugins/ 这个目录下
- 登陆后台，在“控制台”下拉菜单中进入“插件管理”
- 启用相关插件
- 设置smtp服务器地址、邮箱地址、密码等信息
评论获取用户信息插件
- [button color="info" icon="glyphicon glyphicon-circle-arrow-down" url="https:\/\/wwi.lanzous.com\/if5A8omdcxe" type=""]下载本插件[/button]，解压到
usr/plugins/目录中
- 进入网站后台-控制台-插件-激活插件
- 此插件只适用于Handsome主题，未对其它主题优化！！！
- 修改
/usr/themes/handsome/component/comments.php文件，大概第72行处添加代码
修改前:
<span class="comment-author vcard">
<b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?>
</span>
修改后:
<span class="comment-author vcard">
<b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?><?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>
</span>
Typecho开启CDN后，可能无法获取访客真实IP，只能取得CDN节点IP，为此可以在网站的根目录的 config.inc.php插入下面的代码：
/** 防止CDN造成无法获取客户真实IP地址 */
if(isset($_SERVER['HTTP_X_FORWARDED_FOR']))
{
$list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
$_SERVER['REMOTE_ADDR'] = $list[0];
}
文本框打字机特效
复制下方代码添加至后台主题设置 自定义输出body 尾部的HTML代码即可
<!--文本框打字机特效-->
<script type="text/javascript" src="https://www.mgxfd.club/usr/themes/handsome/assets/js/commentTyping.js"></script>
复制弹框版权提醒
首先将下方代码复制添加至后台主题设置 自定义输出head 头部的HTML代码
<!--复制弹框JS-->
<script src="https://www.mgxfd.club/layer/layer.js"></script>
最后复制下方代码添加至后台主题设置 自定义 JavaScript即可
<!--复制弹框-->
document.body.oncopy = function() {layer.msg('复制成功，若要转载请务必保留本文链接！');};
文章底部赞赏图标跳动
将以下代码添加至后台主题设置 自定义CSS
/*赞赏图标跳动*/
.btn-pay {
animation: star 0.5s ease-in-out infinite alternate;
}
@keyframes star {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}