本博客之Typecho Handsome主题美化记录

博主： TuJun
发布时间：2022 年 08 月 20 日
18266 次浏览
25 条评论
60374字数
分类：博客美化

这篇文章作为本站美化的记录，有新增时会实时更新。

如果您有好玩的效果也欢迎在评论区提出，若可以的话我也会加到文章并实现其效果。

更新时间：2022年8月23日12:14:34

说明

该站的所有修改项均在本文列出，实际效果看本站即可。若您也想拥有类似的效果，欢迎借鉴~~
注意：以下代码出现/* */ 、或//字符均为注释，即不会有实际效果，仅仅是给人看的一个标记。
在这里不建议删除，因为会影响后期修改时的辨别。悉知~

为了给小白讲明白，这里记录的已经很细了。老博主的话，拿着代码按自己意愿改即可，懂得都懂~

本站环境

Typecho：1.2.0正式版
HandSome：8.4.1 Pro
其他版本的Typecho和HandSome不确定其可行性，请自行测试~

Handsome主题文件目录结构

component/comments.php     评论区
component/footer.php       底部版权、音乐播放器之类
component/header.php       页面头，没啥要改的
component/headnav.php      顶部导航
component/say.php          时光机动态
component/sidebar.php      右侧栏目
component/third_party_comments.php    3.3.0新增，第三方评论
css/        博客CSS，一般不要改
fonts/      博客字体，一般不要改
img/        图像，一般不要改
js/         js文件，一般不要改
lang/       语言文件
libs/Content.php    文章内容
libs/...    一般不要改
usr/        另一个语言文件？
404.php     404界面
archive.php    整合
booklist.php   书单
cross.php      时光机
files.php      归档
functions.php  配置界面的东西
guestbook.php  留言板
index.php      首页
links.php      友链
page.php       文章页面整合
post.php       文章输出

color： 选填，不填默认为success（绿色），可选值：
light：白色
info：蓝色
dark：深色
success：绿色
black：黑色
warning：黄色
primary：紫色
danger：红色

基础设置

开启全站HTTPS

1、首先在宝塔或通过配置文件给你的网站配置好证书，并开启强制HTTPS

2、去网站后台，找到设置 -> 基本设置 -> 站点地址将其改为https开头的网址。

添加GZIP压缩

这个主要是减小带宽压力，以达到加快网站加速速度的目的。
和上面的HTTPS一样，在config.inc.php内加入以下配置即可：

/** 开启gzip压缩 */
ob_start('ob_gzhandler');

去掉地址栏的index.php

更改前是这样的：https://www.5k5b.com/index.php/archives/5.html
更改后是这样的：https://www.5k5b.com/archives/5.html

首先进入后台，找到设置 - 永久链接，改成如下图所示然后我们需要配置伪静态规则
如果使用的宝塔面板，就在 网站-设置-伪静态-选择Typecho-保存即可

自定义后台路径

1、将Typecho程序根目录中的后台文件夹"admin"改名，名字即为你想自定义的地址名，例如：将"admin"改为"xxx"
2、修改根目录文件"config.inc.php"，打开该文件后找到

/* 后台路径(相对路径) /
define(' **TYPECHO_ADMIN_DIR** ', '/admin/');

将代码中"admin"改为你自定义的地址，例如：xxx
这样一来，我们的Typecho程序网站的后台就改成：域名/xxx了

使Typecho支持emoji

效果

🔘🔵🟣🟤⚫🔴🟠🟡💰✨🍭🎄

alter table typecho_comments convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_contents convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_fields convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_metas convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_options convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_relationships convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_users convert to character set utf8mb4 collate utf8mb4_unicode_ci;

执行上述sql语句来修改表的编码，如果用的是宝塔面板和MySQL数据库，一般有可视化的phpmyadmin界面，可以在phpmyadmin的控制台里面执行上面的语句。

最后将 Typecho 目录下的config.inc.php 配置文件中数据库定义参数中的 charset 为 utf8mb4：

  $db->addServer(array (
      'host'      =>  localhost, 
      'user'      =>  'root',
      'password'  =>  'root',
      'charset'   =>  'utf8mb4', //修改这一行
      'port'      =>  3306,
      'database'  =>  ''
  ), Typecho_Db::READ | Typecho_Db::WRITE);

每日新闻自动更新

使用方法
首先先创建一个独立页面，名称随意，将以下代码放在独立页面内

<img src="https://api.4rz.cn/zbPhoto.jpg" />

在我给大家增加一个接口，二选一感觉哪个速度快就用哪个

<img src="http://api.03c3.cn/zb" />

文章中嵌入网页

比如在独立页面上放置一个单独的网页页面
使用方法
在文章中添加代码即可，将链接地址修改为你需要展示的网站地址

<iframe align="center" width="100%" height="740px" src="链接地址"  frameborder="no" border="0"  scrolling="no" marginwidth="0" marginheight="0" ></iframe>

时光机栏目增添额外内容

使用方法
将以下代码按照需求自行修改后放到主题后台-时光机配置-RSS动态内容配置内即可

{"id":"iciba","name":"每日一句","url":"https://proxy.attainment.cn/https://rss.attainment.cn/iciba/7/poster"},
{"id":"oschina","name":"开源中国","url":"https://proxy.attainment.cn/https://rss.attainment.cn/oschina/news"},
{"id":"bing","name":"Bing 壁纸","url":"https://proxy.attainment.cn/https://rss.attainment.cn/bing"},
{"id":"sspai","name":"少数派","url":"https://proxy.attainment.cn/https://sspai.com/feed"},
{"id":"DailyArt","name":"每日艺术","url":"https://proxy.attainment.cn/https://rss.attainment.cn/dailyart/zh"}

添加左侧导航

以下代码放在后台-外观设置-高级设置-左侧边栏导航内容请自行更改

{"name":"名称","class":"图标","link":"链接位置","target":"_blank"}
{"name":"名称","class":"图标","link":"链接位置","target":"_blank"}

图标选择：也可选择Glyphicons 字体图标，feather图标

自定义音乐播放器音量

后台-设置外观-开发者设置-自定义JS 添加以下代码

setTimeout(function (){document.querySelector(".skPlayer-source").volume=0.3;}, 3000);

其中volume=0.3为播放器音量控制，默认为0.3支持修改范围为0.0 - 1可自行设置

美化记录

自定义CSS

该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义CSS处
部分提到PJAX回调的部分添加到主题后台-外观-外观设置-PJAX-PJAX回调函数内

文章标题居中

/*文章标题居中*/
  header.bg-light.lter.wrapper-md {
  text-align: center;
}

首页标题文字居中

/*首页标题文字居中*/
.m-t-none.text-ellipsis.index-post-title.text-title
{
  text-align:center !important;
}

左上角博客LOGO/博客名称的扫光效果

/* logo扫光 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}

左上角博主信息羽毛背景

background:url后面括号里的网址就是羽毛动画的网址，你也可以把它保存下来放到自己网站的根目录的某个位置内，然后将网址改为自己的博客，防止该效果失效（也就是做了个备份的意思，当然如果你嫌麻烦也可以不做）

/* 羽毛_css */
.dropdown.wrapper {
background:url(https://您的博客网址/yumao.webp) right bottom no-repeat;
}

鼠标路过头像时放大并旋转

/* 鼠标经过头像旋转放大 */
.img-circle {
    border-radius: 50%;
    animation: light 4s ease-in-out infinite;
    transition: all 0.5s;
}
.img-circle:hover {
    transform: scale(1.15) rotate(720deg);
}

@keyframes light {
    0% {
        box-shadow: 0 0 4px #f00;
    }

    25% {
        box-shadow: 0 0 16px #0f0;
    }

    50% {
        box-shadow: 0 0 4px #00f;
    }

    75% {
        box-shadow: 0 0 16px #0f0;
    }

    100% {
        box-shadow: 0 0 4px #f00;
    }
}

首页文章图片获取焦点放大

/* 首页文章图片获取焦点放大 */
.item-thumb{
    cursor: pointer;  
    transition: all 0.6s;  
}

.item-thumb:hover{
      transform: scale(1.05);  
}

.item-thumb-small{
    cursor: pointer;  
    transition: all 0.6s;
}

.item-thumb-small:hover{
    transform: scale(1.05);
}

时光机内圆形头像

顾名思义，就是将独立页面-时光机里的头像都更改为圆形(原版是方形圆角样式)

/* 时光机圆形头像 */
.img-square {border-radius: 50%;}
.list-group-item .thumb-sm .img-square {border-radius: 5px;}

网站右侧滚动条样式

此处的#949494;即为滚动条的颜色，你可以去 http://tools.jb51.net/static/colorpicker/ 这个链接去找到你喜欢的颜色然后替换
注意：替换的是#后面的6位数字，#不要动~

/* 美化网站右侧滚动条样式 */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar {
    width: 8px;
    height: 6px
}
/*定义滚动条轨道*/ 
::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb {
    background-color: #949494;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 100%,transparent 100%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

文章版式阴影化

可能这个项目看名称比较晦涩，其实就是你现在看到的各个边框散发的蓝(色的)光效果。
所有rgba后面的，如26, 169, 255都可以进行修改，它代表的是散发出来的颜色类型。
你同样可以去 http://tools.jb51.net/static/colorpicker/ 这个网站去选自己喜欢的颜色，但更改的时候一定注意"标点"，不要出现类似少逗号的问题哦~

/* 首页文章版式阴影颜色 */
.panel{
   box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.panel:hover{
    box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.panel-small{
    box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.panel-small:hover{
    box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.app.container {
    box-shadow: 0 0 30px rgba(26, 169, 255, 0.35);
}

右侧列表导航栏图标颜色

这一项是更改右上方三个图标(大拇指，信息，礼物)的颜色，默认是白色。

同样#后面的六位数字代表颜色，可以改~

/* 右侧列表导航栏图标颜色 */
.sidebar-icon svg.feather.feather-thumbs-up{color: #ff0000;}
.sidebar-icon svg.feather.feather-message-square{color:#495dc3;}
.sidebar-icon svg.feather.feather-gift{color:#52DE97;}

#post-content pre code {
    display:block;
    overflow-x:auto;
    position:relative;
    margin:0;
    padding-left:50px;
}
pre code {
    position:relative;
    display:block;
    overflow-x:auto;
    margin:4.4px 0.px .4px 1px;
    padding:0;
    max-height:500px;
    padding-left:3.5em
}

.img-square {
    transition: all 0.3s;
}

.img-square:hover {
    transform: rotate(360deg);
}

.glyphicon-fire {
    color: #ff0000;
}

.nav-tabs-alt .glyphicon-comment {
    color: #495dc3;
}

.glyphicon-transfer {
    color: #0e5458;
}

等距标签云

/*词云等距美化*/
#tag_cloud-2 a {
border-radius: 5px;
width: 32%;
}

首页文章列表悬停上浮

/*首页文章列表悬停上浮*/
.blog-post .panel:not(article) {
transition: all 0.3s;
}
.blog-post .panel:not(article):hover {
transform: translateY(-10px);
box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}

赞赏按钮跳动

/*赞赏按钮跳动*/
.btn-pay {
animation: star 0.5s ease-in-out infinite alternate;
}

@keyframes star {
from {
transform: scale(1);
}

to {
    transform: scale(1.1);
}
}

评论边框

/*评论边框*/
.comment-parent {
margin: 20px;
padding: 20px;
border-radius: 25px;
border: 1px solid rgba(255,255,255,.3);
}

粗斜体上色

/* 粗斜体上色 */
strong{
color: #f26522;
}
em{
font-style: normal;
color: #fcaf17;
}

开启全站变灰（黑白模式）

方式一

<!--开启黑白模式-->
html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
<!--黑白模式结束-->

方式二

<!--开启黑白模式--> <style type="text/css">html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} </style> <!--黑白模式结束-->

方式三

<!--开启黑白模式--> <style>html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);         filter:progid：lolXImageTransform.Microsoft.BasicImage(grayscale=1);           _filter:none;     } </style> <!--黑白模式结束-->

方式四

<!--开启黑白模式--> <style>html {-webkit-filter: grayscale(100%);}</style> <!--黑白模式结束-->

首页文章添加圆角效果

/*首页文章版式圆角化*/
.panel{
    border: none;
    border-radius: 15px;
}

.panel-small{
    border: none;
    border-radius: 15px;
}

.item-thumb{
    border-radius: 15px;  
}

修改h1，h2标题背景颜色

/*文章页h标签背景颜色修改*/
#post-content h1, #post-content h2 {
background : linear-gradient(to bottom,transparent 60%,rgba(0,191,255,.3) 0) no-repeat
}

手机端不显示热门文章和标签云

/*手机不显示*/
@media (max-width:767px) {
    #tabs-4,#tag_cloud-2 {
        display: none;
    }
}

网站背景添加海浪背景

效果图：

添加至后台主题设置-开发者设置-自定义CSS

/* 海浪背景CSS部分 */
#wavesDIV{position: fixed;bottom: 0;width: 100%;display:block;height:20vh;background-color:rgb(125,165,191);animation: move-out 2s cubic-bezier(0,.98,.97,1) forwards;}
.waves { position:relative; width: 100%; height:15vh; margin-top:-15vh; min-height:100px; max-height:150px; }
.parallax > use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; } 
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } 
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } 
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } 
.parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } 
@keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } }
@keyframes move-out { 0% { transform: translateY(400%); } 100% { transform: translateY(0%); } }

添加至后台主题设置-开发者设置-自定义输出head 头部的HTML代码

<!-- 海浪背景 -->
<div id="wavesDIV" style="display: block;">
        <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
            <defs>
                <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
            </defs>
            <g class="parallax">
                <use xlink:href="#gentle-wave" x="48" y="-2" fill="rgba(125,165,191,0.3)"></use>
                <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(125,165,191,0.5)"></use>
                <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(125,165,191,0.7)"></use>
                <use xlink:href="#gentle-wave" x="48" y="12" fill="rgba(125,165,191,1)"></use>
            </g>
        </svg>
    </div>

自定义JavaScripts

该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义 JavaScript处

网页文字禁止复制

.网页文字禁止复制

<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>

复制成功提示

效果图：

使用方法：
复制下面代码到 handsome主题>设置外观>开发者设置>自定义 JavaScript

/* 复制成功提示代码开始 */ 
    kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){
$.message({
    message: "尊重原创，转载请注明出处！<br> 本文作者：岁月无声<br>原文链接："+sitesurl,
    title: "复制成功",
    type: "warning",
    autoHide: !1,
    time: "5000"
    })
}}
/* 复制成功提示代码结束 */

复制文章带有文章版权

效果图：

使用方法：
复制下面代码到 handsome主题>设置外观>开发者设置>自定义 JavaScript

/* 复制文章自动带版权开始 */ 
document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() && window.getSelection().toString().length > 42) {
        setClipboardText(e);
     notie({
  type: 'info',
  text: '商业转载请联系作者获得授权，非商业转载请注明出处，谢谢合作。', 
  autoHide: true
})
    }
}); 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
 
        var htmlData = ''
            + '著作权归作者所有。<br>'
            + '商业转载请联系作者获得授权，非商业转载请注明出处！<br>'
      + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！<br>'
            + '作者：岁月无声<br>'
            + '链接：' + window.location.href + '<br>'
            + '来源：http://www.5k5b.com/<br><br>'
            + window.getSelection().toString();
        var textData = ''
            + '著作权归作者所有。\n'
            + '商业转载请联系作者获得授权，非商业转载请注明出处！\n'
      + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！\n'
            + '作者：hellolin.cn\n'
            + '链接：' + window.location.href + '\n'
            + '来源：http://www.5k5b.com/\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}
/* 复制文章自动带版权结束 */

鼠标点击特效-爱心样式

爱心鼠标点击特效

效果图：

//鼠标点击出现爱心特效
(function(window,document,undefined){
var hearts = [];
window.requestAnimationFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback){
setTimeout(callback,1000/60);
}
})();
init();
function init(){
css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}");
attachEvent();
gameloop();
}
function gameloop(){
for(var i=0;i<hearts.length;i++){
if(hearts[i].alpha <=0){
document.body.removeChild(hearts[i].el);
hearts.splice(i,1);
continue;
}
hearts[i].y--;
hearts[i].scale += 0.004;
hearts[i].alpha -= 0.013;
hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color;
}
requestAnimationFrame(gameloop);
}
function attachEvent(){
var old = typeof window.onclick==="function" && window.onclick;
window.onclick = function(event){
old && old();
createHeart(event);
}
}
function createHeart(event){
var d = document.createElement("div");
d.className = "heart";
hearts.push({
el : d,
x : event.clientX - 5,
y : event.clientY - 5,
scale : 1,
alpha : 1,
color : randomColor()
});
document.body.appendChild(d);
}
function css(css){
var style = document.createElement("style");
style.type="text/css";
try{
style.appendChild(document.createTextNode(css));
}catch(ex){
style.styleSheet.cssText = css;
}
document.getElementsByTagName('head')[0].appendChild(style);
}
function randomColor(){
return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")";
}
})(window,document);

网站加载完成提示

/* 网站加载完成提示开始 */ 
function kaygb_referrer(){
var kaygb_referrer = document.referrer;
if  (kaygb_referrer != ""){
return "感谢您的访问！ 您来自：<br>" + document.referrer;
}else{
return "";
}}
$.message({
    message: "为了网站的正常运行，请不要使用广告屏蔽插件，谢谢！<br >" + kaygb_referrer(),
    title: "网站加载完成",
    type: "success",
    autoHide: !1,
    time: "3000"
})
/* 网站加载完成提示结束 */

左上角网站FPS显示

/* FPS显示 */
var console={};
console.log=function(){};

$('body').before('<div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"></div>');
var showFPS = (function(){ 
    var requestAnimationFrame =  
        window.requestAnimationFrame || 
        window.webkitRequestAnimationFrame || 
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame || 
        function(callback) { 
            window.setTimeout(callback, 1000/60); 
        }; 
    var e,pe,pid,fps,last,offset,step,appendFps; 
 
    fps = 0; 
    last = Date.now(); 
    step = function(){ 
        offset = Date.now() - last; 
        fps += 1; 
        if( offset >= 1000 ){ 
        last += offset; 
        appendFps(fps); 
        fps = 0; 
        } 
        requestAnimationFrame( step ); 
    }; 
    appendFps = function(fps){ 
        console.log(fps+'FPS');
        $('#fps').html(fps+'FPS');
    };
    step();
})();

左侧图标颜色和彩色标签云

/* 左侧图标颜色and彩色标签云 */
let tags = document.querySelectorAll("#tag_cloud-2 a");
let infos = document.querySelectorAll(".badge");
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor;
});
infos.forEach(info => {
    infosColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    info.style.backgroundColor = infosColor;
});
function addNumber(a) {
    var length = document.getElementById("comment").value.length;
    if(length> 0){
        document.getElementById("comment").focus()
        document.getElementById("comment").value += '\n' + a + new Date
    }else{
        document.getElementById("comment").focus()
        document.getElementById("comment").value += a + new Date
    }
}
let leftHeader = document.querySelectorAll("span.nav-icon>svg,span.nav-icon>i");
let leftHeaderColorArr = ["#FF69B4", "#58c7ea", "#E066FF", "#FF69B4", "#FFA54F", "#90EE90"];
leftHeader.forEach(tag => {
    tagsColor = leftHeaderColorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.color = tagsColor;
});

如果你博客开启了PJAX，需要在PJAX回调函数里面添加以下代码：

// 彩色标签云
let tags = document.querySelectorAll("#tag_cloud-2 a");
let infos = document.querySelectorAll(".badge");
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor;
});
infos.forEach(info => {
    infosColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    info.style.backgroundColor = infosColor;
});
function addNumber(a) {
    var length = document.getElementById("comment").value.length;
    if(length> 0){
        document.getElementById("comment").focus()
        document.getElementById("comment").value += '\n' + a + new Date
    }else{
        document.getElementById("comment").focus()
        document.getElementById("comment").value += a + new Date
    }
}

动态网站标题-第一种

动态网站标题

当你看其他网站的时候，网页标题会有可爱的变化~

另外代码里的两个链接可以按照自己的需求修改哦~

/* 动态网站标题 */
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
     if (document.hidden) {
         $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/warning.webp");
         document.title = '网页崩溃了！！！';
         clearTimeout(titleTime);
     }
     else {
         $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/favicon.webp");
         document.title = '咦，又好啦(✿◡‿◡)' ;
         titleTime = setTimeout(function () {
             document.title = OriginTitle;
         }, 2000);
     }
 });

打字动画效果（代码实现）

打字动画效果

这里是通过代码修改的，下边会给大家分享个插件，开启插件即可实现
这个项目是指在网页里打字时出现的一个动画效果，还是不懂得话可以尝试在本站打字

/* 打字动效 */
(function webpackUniversalModuleDefinition(a,b){if(typeof exports==="object"&&typeof module==="object"){module.exports=b()}else{if(typeof define==="function"&&define.amd){define([],b)}else{if(typeof exports==="object"){exports["POWERMODE"]=b()}else{a["POWERMODE"]=b()}}}})(this,function(){return(function(a){var b={};function c(e){if(b[e]){return b[e].exports}var d=b[e]={exports:{},id:e,loaded:false};a[e].call(d.exports,d,d.exports,c);d.loaded=true;return d.exports}c.m=a;c.c=b;c.p="";return c(0)})([function(c,g,b){var d=document.createElement("canvas");d.width=window.innerWidth;d.height=window.innerHeight;d.style.cssText="position:fixed;top:0;left:0;pointer-events:none;z-index:999999";window.addEventListener("resize",function(){d.width=window.innerWidth;d.height=window.innerHeight});document.body.appendChild(d);var a=d.getContext("2d");var n=[];var j=0;var k=120;var f=k;var p=false;o.shake=true;function l(r,q){return Math.random()*(q-r)+r}function m(r){if(o.colorful){var q=l(0,360);return"hsla("+l(q-10,q+10)+", 100%, "+l(50,80)+"%, "+1+")"}else{return window.getComputedStyle(r).color}}function e(){var t=document.activeElement;var v;if(t.tagName==="TEXTAREA"||(t.tagName==="INPUT"&&t.getAttribute("type")==="text")){var u=b(1)(t,t.selectionStart);v=t.getBoundingClientRect();return{x:u.left+v.left,y:u.top+v.top,color:m(t)}}var s=window.getSelection();if(s.rangeCount){var q=s.getRangeAt(0);var r=q.startContainer;if(r.nodeType===document.TEXT_NODE){r=r.parentNode}v=q.getBoundingClientRect();return{x:v.left,y:v.top,color:m(r)}}return{x:0,y:0,color:"transparent"}}function h(q,s,r){return{x:q,y:s,alpha:1,color:r,velocity:{x:-1+Math.random()*2,y:-3.5+Math.random()*2}}}function o(){var t=e();var s=5+Math.round(Math.random()*10);while(s--){n[j]=h(t.x,t.y,t.color);j=(j+1)%500}f=k;if(!p){requestAnimationFrame(i)}if(o.shake){var r=1+2*Math.random();var q=r*(Math.random()>0.5?-1:1);var u=r*(Math.random()>0.5?-1:1);document.body.style.marginLeft=q+"px";document.body.style.marginTop=u+"px";setTimeout(function(){document.body.style.marginLeft="";document.body.style.marginTop=""},75)}}o.colorful=false;function i(){if(f>0){requestAnimationFrame(i);f--;p=true}else{p=false}a.clearRect(0,0,d.width,d.height);for(var q=0;q<n.length;++q){var r=n[q];if(r.alpha<=0.1){continue}r.velocity.y+=0.075;r.x+=r.velocity.x;r.y+=r.velocity.y;r.alpha*=0.96;a.globalAlpha=r.alpha;a.fillStyle=r.color;a.fillRect(Math.round(r.x-1.5),Math.round(r.y-1.5),3,3)}}requestAnimationFrame(i);c.exports=o},function(b,a){(function(){var d=["direction","boxSizing","width","height","overflowX","overflowY","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","fontStyle","fontVariant","fontWeight","fontStretch","fontSize","fontSizeAdjust","lineHeight","fontFamily","textAlign","textTransform","textIndent","textDecoration","letterSpacing","wordSpacing","tabSize","MozTabSize"];var e=window.mozInnerScreenX!=null;function c(k,l,o){var h=o&&o.debug||false;if(h){var i=document.querySelector("#input-textarea-caret-position-mirror-div");if(i){i.parentNode.removeChild(i)}}var f=document.createElement("div");f.id="input-textarea-caret-position-mirror-div";document.body.appendChild(f);var g=f.style;var j=window.getComputedStyle?getComputedStyle(k):k.currentStyle;g.whiteSpace="pre-wrap";if(k.nodeName!=="INPUT"){g.wordWrap="break-word"}g.position="absolute";if(!h){g.visibility="hidden"}d.forEach(function(p){g[p]=j[p]});if(e){if(k.scrollHeight>parseInt(j.height)){g.overflowY="scroll"}}else{g.overflow="hidden"}f.textContent=k.value.substring(0,l);if(k.nodeName==="INPUT"){f.textContent=f.textContent.replace(/\s/g,"\u00a0")}var n=document.createElement("span");n.textContent=k.value.substring(l)||".";f.appendChild(n);var m={top:n.offsetTop+parseInt(j["borderTopWidth"]),left:n.offsetLeft+parseInt(j["borderLeftWidth"])};if(h){n.style.backgroundColor="#aaa"}else{document.body.removeChild(f)}return m}if(typeof b!="undefined"&&typeof b.exports!="undefined"){b.exports=c}else{window.getCaretCoordinates=c}}())}])});
POWERMODE.colorful=true;POWERMODE.shake=false;document.body.addEventListener("input",POWERMODE);

添加复制弹窗

首先添加以下代码至自定义输出body尾部的HTML代码

<!-- 复制样式CSS -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

然后将以下代码加到自定义JavaScripts，文字部分可以自行更改~

/* 复制效果 */
document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});};

自定义body

该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义输出body 尾部的HTML代码处

万能的控制台

效果图：

<!--输出控制台-->
<script type="text/javascript">
  console.clear();  //清空控制台
  console.log("\n %c TuJun's Blog  控制台--没什么可看的","color:#fff;background: linear-gradient(to right , #7A88FF, #d27aff);padding:5px;border-radius: 10px;");  //万能控制台，可写html代码
</script>

气泡背景

id: '',                           //容器ID
    num: 100,                        // 个数
    start_probability: 0.1,          // 如果数量小于num，有这些几率添加一个新的
    radius_min: 1,                   // 初始半径最小值
    radius_max: 2,                   // 初始半径最大值
    radius_add_min: .3,               // 半径增加最小值
    radius_add_max: .5,               // 半径增加最大值
    opacity_min: 0.3,                 // 初始透明度最小值
    opacity_max: 0.5,                // 初始透明度最大值
    opacity_prev_min: .003,            // 透明度递减值最小值
    opacity_prev_max: .005,            // 透明度递减值最大值
    light_min: 40,                 // 颜色亮度最小值
    light_max: 70,                 // 颜色亮度最大值
    is_same_color: false,          //泡泡颜色是否相同
    background:"#f1f3f4"           //背景颜色

在 开发者设置自定义输出body 尾部的HTML代码中添加下面代码，需要修改可参考上方参数

<div id="bubble"></div><script>class BGBubble{constructor(i){this.defaultOpts={id:"",num:100,start_probability:.1,radius_min:1,radius_max:2,radius_add_min:.3,radius_add_max:.5,opacity_min:.3,opacity_max:.5,opacity_prev_min:.003,opacity_prev_max:.005,light_min:40,light_max:70,is_same_color:!1,background:"#f1f3f4"},"[object Object]"==Object.prototype.toString.call(i)?this.userOpts={...this.defaultOpts,...i}:this.userOpts={...this.defaultOpts,id:i},this.color=this.random(0,360),this.bubbleNum=[],this.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,this.cancelAnimationFrame=window.cancelAnimationFrame||window.mozCancelAnimationFrame}random(i,t){return Math.random()*(t-i)+i}initBubble(i,t){const a=window.innerWidth,s=window.innerHeight,n=this.userOpts,e=this.random(n.light_min,n.light_max);this.bubble={x:this.random(0,a),y:this.random(0,s),radius:this.random(n.radius_min,n.radius_max),radiusChange:this.random(n.radius_add_min,n.radius_add_max),opacity:this.random(n.opacity_min,n.opacity_max),opacityChange:this.random(n.opacity_prev_min,n.opacity_prev_max),light:e,color:`hsl(${t?i:this.random(0,360)},100%,${e}%)`}}bubbling(i,t,a){!this.bubble&&this.initBubble(t,a);const s=this.bubble;i.fillStyle=s.color,i.globalAlpha=s.opacity,i.beginPath(),i.arc(s.x,s.y,s.radius,0,2*Math.PI,!0),i.closePath(),i.fill(),i.globalAlpha=1,s.opacity-=s.opacityChange,s.radius+=s.radiusChange,s.opacity<=0&&this.initBubble(t,a)}createCanvas(){this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.canvas.style.display="block",this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight,this.canvas.style.position="fixed",this.canvas.style.top="0",this.canvas.style.left="0",this.canvas.style.zIndex="-1",document.getElementById(this.userOpts.id).appendChild(this.canvas),window.onresize=(()=>{this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight})}start(){const i=window.innerWidth,t=window.innerHeight;this.color+=.1,this.ctx.fillStyle=this.defaultOpts.background,this.ctx.fillRect(0,0,i,t),this.bubbleNum.length<this.userOpts.num&&Math.random()<this.userOpts.start_probability&&this.bubbleNum.push(new BGBubble),this.bubbleNum.forEach(i=>i.bubbling(this.ctx,this.color,this.userOpts.is_same_color));const a=this.requestAnimationFrame;this.myReq=a(()=>this.start())}destory(){(0,this.cancelAnimationFrame)(this.myReq),window.onresize=null}}const bubbleDemo=new BGBubble("bubble");bubbleDemo.createCanvas(),bubbleDemo.start();</script>

动态网站标题-第二种

动态网站标题

效果图：

复制下方代码添加至后台主题设置自定义输出head 头部的HTML代码即可

<script>  
// 浏览器标题切换  
var OriginTitile = document.title;    // 保存之前页面标题  
var titleTime;  
document.addEventListener('visibilitychange', function(){  
    if (document.hidden){  
        document.title = '草榴社區主論壇 - 1024';  
        clearTimeout(titleTime);  
    }else{  
        document.title = '生命-1s ~ ';  
        titleTime = setTimeout(function() {  
            document.title = OriginTitile;  
        }, 2000); // 2秒后恢复原标题  
    }  
});  
</script>

动态网站标题-第三种

动态网站标题

效果图：

复制下方代码添加至后台主题设置自定义输出head 头部的HTML代码即可

<!--动态标题-->
<script>document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='(つェ⊂)我藏好了哦 - TuJun';}else{document.title=normal_title;}});</script>

自定义右键菜单美化

注意：一定首先在主题后台-外观-设置外观-开发者设置-自定义输出head 头部的HTML代码位置添加以下代码。如果不添加将不会显示图标

<!-- 图标添加 -->
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

加完之后再将下面的代码放到自定义输出body 尾部的HTML代码处
另外，一定要把代码里的网址改成自己的！！~

<!-- 自定义右键菜单美化 -->
  <style type="text/css">
    a {text-decoration: none;}
    div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba
(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
    div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
    div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
    div.usercm ul li a{color:#666;padding:0 15px;display:block}
    div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}
    div.usercm ul li a i{margin-right:10px}
    a.disabled{color:#c8c8c8!important;cursor:not-allowed}
    a.disabled:hover{background-color:rgba(255,11,11,0)!important}
    div.usercm{background:#fff !important;}
    </style>
<div class="usercm" style="left: 199px; top: 5px; display: none;">
    <ul>
        <li><a href="放你网站的对应网址"><i class="fa fa-home"></i><span>首页</span></a></li>
        <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy"></i><span>复制</span></a></li>
        <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search"></i><span>搜索</span></a></li>
        <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right"></i><span>前进</span></a></li>
        <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left"></i><span>后退</span></a></li>
        <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh"></i><span>重载网页</span></a></li>
        <li><a href="放你网站的对应网址"><i class="fa fa-meh-o"></i><span>和我当邻居</span></a></li>  
        <li><a href="放你网站的对应网址"><i class="fa fa-pencil-square-o"></i><span>给我留言吧</span></a></li>
    </ul>
</div>
<script type="text/javascript">
    (function(a) {
        a.extend({
            mouseMoveShow: function(b) {
                var d = 0,
                    c = 0,
                    h = 0,
                    k = 0,
                    e = 0,
                    f = 0;
                a(window).mousemove(function(g) {
                    d = a(window).width();
                    c = a(window).height();
                    h = g.clientX;
                    k = g.clientY;
                    e = g.pageX;
                    f = g.pageY;
                    h + a(b).width() >= d && (e = e - a(b).width() - 5);
                    k + a(b).height() >= c && (f = f - a(b).height() - 5);
                    a("html").on({
                        contextmenu: function(c) {
                            3 == c.which && a(b).css({
                                left: e,
                                top: f
                            }).show()
                        },
                        click: function() {
                            a(b).hide()
                        }
                    })
                })
            },
            disabledContextMenu: function() {
                window.oncontextmenu = function() {
                    return !1
                }
            }
        })
    })(jQuery);
   
    function getSelect() {
        "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢！") : document.execCommand("Copy")
    }
    function baiduSearch() {
        var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
        "" == a ? layer.msg("啊噢...你没还没选择文字呢！") : window.open("https://www.baidu.com/s?wd=" + a)
    }
    $(function() {
        for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {
            d = !1;
            break
        }
        d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())
    });
<script src="https://lib.baomitu.com/layer/3.1.1/layer.js"></script>
    </script>
<!-- 自定义右键菜单美化 -->

防止他人F12抓你代码

首先要说，这个功能防君子不防小人。所以真的会扒你网站代码的人总是会有办法的(就不告诉你)。
提示内容可以自行修改哦~

<!-- 防调试 -->
<script type="text/javascript">
    $(document).ready(function () {
      document.oncontextmenu = function () {
        return false;
      }
      //document.onselectstart = function () {
       // return false;
     // }
      //document.oncopy = function () {
        //return false;
     // }
      document.onkeydown = function () {
        //f12
        if (window.event && window.event.keyCode == 123) {
          event.keyCode = 0;
          event.returnValue = false;
          layer.msg("球球了，别再扒孩子了=.=")
          return false;
        }
        //ctrl+u
        if (event.ctrlKey && window.event.keyCode == 85) {
          return false;
        }
        //ctrl+shift+i
        if ((event.ctrlKey) && (event.shiftKey) && (event.keyCode == 73)) {
          return false;
        }
        // Ctrl+S
        else if ((event.ctrlKey) && (event.keyCode == 83)) {
          return false;
        }
      };

    });
  </script>
<script>
    //debug调试时跳转页面
    var element = new Image();
    Object.defineProperty(element,'id',{get:function(){window.location.href="https://www.5k5b.com"}});
    console.log(element);
</script>

顶部导航栏添加网页动态滚动进度条|滚动指示器

效果图：

使用方法
将以下代码加到后台设置->自定义输出head 头部的HTML代码

<!--动态滚动进度条-->
<div class="scroll-line" style="z-index: 999;position: fixed;height: 3px;margin-top: 0px;background-color: #6B999B;width: 0%;"></div>
<script type="text/javascript">
    $(window).scroll(function() {
        var winTop = $(window).scrollTop(), //滚动条的位置
                docHeight = $(document).height(),   //文档高度
                winHeight = $(window).height(); //窗口高度
 
        var scrolled = (winTop / (docHeight - winHeight))*100;
 
        $('.scroll-line').css('width', (scrolled + '%'));
    });
</script>

需要注意的是，需要关闭后台的固定头部和固定导航，效果最佳，不然可能会看不到效果。

修改文件

这部分基本上全是通过修改文件来达到美化的目的，故一定要提前做好备份~

首页新年倒计时

将如下代码加到开发者设置-首页列表最前方广告位即可

<!-- 首页倒计时 -->
<style>
    .gn_box {
        border: none;
        border-radius: 15px;
    }

    .gn_box {
        padding: 10px 14px;
        margin: 10px;
        margin-bottom: 20px;
        text-align: center;
        background-color: #fff;
    }

    #t_d {
        color: #982585;
        font-size: 18px;
    }

    #t_h {
        color: #8f79c1;
        font-size: 18px;
    }

    #t_m {
        color: #65b4b5;
        font-size: 18px;
    }

    #t_s {
        color: #83caa3;
        font-size: 18px;
    }
</style>
<div class="gn_box">
    <h1>
        <font color=#E80017>2</font>
        <font color=#D1002E>0</font>
        <font color=#BA0045>2</font>
        <font color=#A3005C>3</font>
        <font color=#8C0073>年</font>
        <font color=#75008A>-</font>
        <font color=#5E00A1>新</font>
        <font color=#4700B8>年</font>
        <font color=#3000CF>倒</font>
        <font color=#1900E6>计</font>
        <font color=#0200FD>时</font>
    </h1>
    <center>
        <div id="CountMsg" class="HotDate"><span id="t_d"> 天</span><span id="t_h"> 时</span><span id="t_m"> 分</span><span
                id="t_s"> 秒</span></div>
    </center>
    <script type="text/javascript">
        function getRTime() {
            var EndTime = new Date('2023/01/01 00:00:00');   // 这里是明年第一天时间
            var NowTime = new Date('2022/8/25 23:02:01');    // 这里是当前时间 自己修改
            var t = EndTime.getTime() - NowTime.getTime();
            var d = Math.floor(t / 1000 / 60 / 60 / 24);
            var h = Math.floor(t / 1000 / 60 / 60 % 24);
            var m = Math.floor(t / 1000 / 60 % 60);
            var s = Math.floor(t / 1000 % 60);
            var day = document.getElementById("t_d");
            if (day != null) {
                day.innerHTML = d + " 天";
            }
            var hour = document.getElementById("t_h");
            if (hour != null) {
                hour.innerHTML = h + " 时";
            }
            var min = document.getElementById("t_m");
            if (min != null) {
                min.innerHTML = m + " 分";
            }
            var sec = document.getElementById("t_s");
            if (sec != null) {
                sec.innerHTML = s + " 秒";
            }
        }
        setInterval(getRTime, 1000);   
    </script>
</div>

博主介绍文字动态化

将代码里的这是我的介绍这一部分修改称自己想要展示的内容即可，顺便那个❤也是可以改的，随你开心就是了
将以下代码放到主题后台-外观-设置外观-初级设置-博主的介绍内即可
放之前记得先清空博主的介绍栏内的所有内容

<span class="text-muted text-xs block">
    <div id="chakhsu"></div>
    <script>
        var chakhsu = function (r) {
            function t() {
                return b[Math.floor(Math.random() * b.length)]
            }
            function e() {
                return String.fromCharCode(94 * Math.random() + 33)
            }
            function n(r) {
                for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
                    var l = document.createElement("span");
                    l.textContent = e(), l.style.color = t(), n.appendChild(l)
                }
                return n
            }
            function i() {
                var t = o[c.skillI];
                c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) :
                    "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- :
                        (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI =
                            (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ?
                                Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
            }
            /*以下内容自定义修改*/
            var l = "❤",
                o = ["这是我的介绍"].map(function (r) {
                    return r + ""
                }),
                a = 2,
                g = 1,
                s = 5,
                d = 75,
                b = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)",
                    "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)", "rgb(175,240,91)",
                    "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)", "rgb(26,199,194)",
                    "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"
                ],
                c = {
                    text: "",
                    prefixP: -s,
                    skillI: 0,
                    skillP: 0,
                    direction: "forward",
                    delay: a,
                    step: g
                };
            i()
        };
        chakhsu(document.getElementById('chakhsu'));
    </script>
</span>

给正文添加结束标识

效果就是像本博客的每篇博文正文下面有一个好看的END标识。

首先打开网站根目录/usr/themes/handsome的post.php文件
找到<?php if ($this->options->adContentPost != ""): ?>这行代码，在其上方(截图标出的位置)的空白位置

添加以下代码

<!--内容结束分割线-->
<div class="tt-fenge-end">
    <span>End</span>
</div>
<!--/ 内容结束分割线-->

并在改好保存后，在自定义CSS处添加以下代码

/*文章正文下的结束End分割线样式*/
.tt-fenge-end{border-top: 2px dotted #eee;height: 0px;margin: 35px 0px;text-align: center;width: 100%;line-height: 1.6em;}
.tt-fenge-end span{background-color: #23b7e5;color: #fff;padding: 2px 8px;position: relative;top: -14px;border-radius: 12px;font-size: 12px;}
/*深色模式下文章正文下的结束End分割线颜色*/
html.theme-dark .tt-fenge-end{border-top: 2px dotted #4f4f4f;}

后台登陆界面美化

效果图：

方法
第一步：用压缩包内的login.php文件替换掉/admin/login.php文件
第二步：将压缩包内的style文件夹上传到/admin/文件夹下
第三步：修改login.php第35行，把“TuJun'Blog”替换成自己的信息

正文下方添加版权声明

这个代码同样也是在<?php if ($this->options->adContentPost != ""): ?>的上方
添加位置和上面正文结束功能的添加位置相同，如图所示：

找到后添加以下代码(你也可以添加到其他你认为合适的地方)

<!--知识共享许可协议-->
<div
    style="padding: 10px;background: rgba(220, 220, 220, 0.22);font-size: 13px;border-left: 3px solid;text-align: left;">
    <div class="tt-license">
        <p><span class="tt-license-icon"><i data-feather="award"></i></span>本文标题：
            <?php $this->title() ?>
        </p>
        <p><span class="tt-license-icon"><i data-feather="link"></i></span>本文链接：
            <?php $this->permalink() ?>
        </p>
        <p><span class="tt-license-icon"><i data-feather="shield"></i></span>除非另有说明，本作品采用 <a rel="license"
                href="http://creativecommons.org/licenses/by-nc-sa/4.0/"> 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议</a>。</p>
        <p><span class="tt-license-icon"><i data-feather="alert-circle"></i></span>声明：转载请注明文章来源。</p>
    </div>
</div>
<!-- / 知识共享许可协议-->

添加好后，在自定义CSS中添加以下代码：

/*文章正文下的知识共享许可协议*/
.tt-license {font-size: 12px;font-weight: 600;padding: 1rem;background: repeating-linear-gradient(135deg,#f6f6f6,#f6f6f6 12px,#fff 0,#fff 24px);background-color: #f3f5f7;border-left: 3px solid #dde6e9;margin-bottom: 20px;}
.tt-license-icon {align-items: center;position: relative;float: left;margin: -10px -10px -10px 0;margin-right: 10px;overflow: hidden;text-align: center;display: flex;height: 40px;color: #ff5722;}
.tt-license a {color: #337ab7;text-decoration: underline;margin: 0 5px;}
/*深色模式下的知识共享许可协议*/
html.theme-dark .tt-license {background: repeating-linear-gradient(135deg,#191919,#191919 12px,#222 0,#222 24px);border-left: 3px solid #494949;}.tt-license p {line-height: 1.5em;margin: 5px 0!important;}

到这里基本上就大功告成了。放一下改后的代码样子

右侧添加人生倒计时(岁月不待人)

首先找到网站根目录/usr/themes/handsome/component
打开sidebar.php文件，找到这一行内容。
在该内容向上两行找到<?php endif; ?>，在该行紧接着下面添加如下代码：

<!-- 时间倒计时代码开始 -->
<section id="blog_info" class="widget widget_categories wrapper-md clear">
    <h5 class="widget-title m-t-none text-md">
        <?php _me("岁月不待人") ?>
    </h5>
    <div class="sidebar sidebar-count">
        <div class="content">
            <div class="item" id="dayProgress">
                <div class="title">今日已经过去<span></span>小时</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-1"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
            <div class="item" id="weekProgress">
                <div class="title">这周已经过去<span></span>天</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-2"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
            <div class="item" id="monthProgress">
                <div class="title">本月已经过去<span></span>天</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-3"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
            <div class="item" id="yearProgress">
                <div class="title">今年已经过去<span></span>个月</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-4"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 时间倒计时代码结束 -->

加后的样子如下改好后保存退出，进入网站根目录/usr/themes/handsome/assets/js/的文件夹
创建一个名为timeinfo.js的文件，并将以下代码放进该文件后，保存并退出

function init_life_time() {
function getAsideLifeTime() {
    /* 当前时间戳 */
    let nowDate = +new Date();
    /* 今天开始时间戳 */
    let todayStartDate = new Date(new Date().toLocaleDateString()).getTime();
    /* 今天已经过去的时间 */
    let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60;
    /* 今天已经过去的时间比 */
    let todayPassHoursPercent = (todayPassHours / 24) * 100;
    $('#dayProgress .title span').html(parseInt(todayPassHours));
    $('#dayProgress .progress .progress-inner').css('width', parseInt(todayPassHoursPercent) + '%');
    $('#dayProgress .progress .progress-percentage').html(parseInt(todayPassHoursPercent) + '%');
    /* 当前周几 */
    let weeks = {
        0: 7,
        1: 1,
        2: 2,
        3: 3,
        4: 4,
        5: 5,
        6: 6
        };
    let weekDay = weeks[new Date().getDay()];
    let weekDayPassPercent = (weekDay / 7) * 100;
    $('#weekProgress .title span').html(weekDay);
    $('#weekProgress .progress .progress-inner').css('width', parseInt(weekDayPassPercent) + '%');
    $('#weekProgress .progress .progress-percentage').html(parseInt(weekDayPassPercent) + '%');
    let year = new Date().getFullYear();
    let date = new Date().getDate();
    let month = new Date().getMonth() + 1;
    let monthAll = new Date(year, month, 0).getDate();
    let monthPassPercent = (date / monthAll) * 100;
    $('#monthProgress .title span').html(date);
    $('#monthProgress .progress .progress-inner').css('width', parseInt(monthPassPercent) + '%');
    $('#monthProgress .progress .progress-percentage').html(parseInt(monthPassPercent) + '%');
    let yearPass = (month / 12) * 100;
    $('#yearProgress .title span').html(month);
    $('#yearProgress .progress .progress-inner').css('width', parseInt(yearPass) + '%');
    $('#yearProgress .progress .progress-percentage').html(parseInt(yearPass) + '%');
    }
    getAsideLifeTime();
    setInterval(() => {
        getAsideLifeTime();
    }, 1000);
    }
    init_life_time()

以下代码放在 后台-外观设置-开发者设置-自定义CSS

/* 时间流逝 */
.sidebar-count .content {
    padding: 15px
}
 
.sidebar-count .content .item {
    margin-bottom: 15px
}
 
.sidebar-count .content .item:last-child {
    margin-bottom: 0
}
 
.sidebar-count .content .item .title {
    font-size: 12px;
    color: var(--minor);
    margin-bottom: 5px;
    display: flex;
    align-items: center
}
 
.sidebar-count .content .item .title span {
    color: var(--theme);
    font-weight: 500;
    font-size: 14px;
    margin: 0 5px
}
 
.sidebar-count .content .item .progress {
    display: flex;
    align-items: center
}
 
.sidebar-count .content .item .progress .progress-bar {
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: var(--classC);
    width: 0;
    min-width: 0;
    flex: 1;
    margin-right: 5px
}
@keyframes progress {
    0% {
        background-position: 0 0
    }
 
    100% {
        background-position: 30px 0
    }
}
.sidebar-count .content .item .progress .progress-bar .progress-inner {
    width: 0;
    height: 100%;
    border-radius: 5px;
    transition: width 0.35s;
    -webkit-animation: progress 750ms linear infinite;
    animation: progress 750ms linear infinite
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-1 {
    background: #bde6ff;
    background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-2 {
    background: #ffd980;
    background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-3 {
    background: #ffa9a9;
    background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-4 {
    background: #67c23a;
    background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-percentage {
    color: var(--info)
}

最后一步,将以下代码放在后台-外观设置-开发者设置-自定义输出body尾部

<!-- 时间流逝 -->  
<script src="https://你的域名/usr/themes/handsome/assets/js/timeinfo.js"></script>

步骤均完成后，即可去查看效果了~

取消时光机文字首字放大效果

修改usr/themes/handsome/component/say.php文件，将以下代码注释掉

#talk .streamline>.comment-list > .comment-body >.time-machine > .panel-body p:first-letter {
    font-size: 140%;
    /* float: left; */
    vertical-align: middle;
}

右侧栏添加手机阅读二维码

首先在/usr/themes/handsome/assets/js目录内创建一个qrcode.min.js文件，将以下代码加入

var QRCode;!function(){function a(a){this.mode=c.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=[],d=0,e=this.data.length;e>d;d++){var f=this.data.charCodeAt(d);f>65536?(b[0]=240|(1835008&f)>>>18,b[1]=128|(258048&f)>>>12,b[2]=128|(4032&f)>>>6,b[3]=128|63&f):f>2048?(b[0]=224|(61440&f)>>>12,b[1]=128|(4032&f)>>>6,b[2]=128|63&f):f>128?(b[0]=192|(1984&f)>>>6,b[1]=128|63&f):b[0]=f,this.parsedData=this.parsedData.concat(b)}this.parsedData.length!=this.data.length&&(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function i(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function j(a,b){this.totalCount=a,this.dataCount=b}function k(){this.buffer=[],this.length=0}function m(){return"undefined"!=typeof CanvasRenderingContext2D}function n(){var a=!1,b=navigator.userAgent;return/android/i.test(b)&&(a=!0,aMat=b.toString().match(/android ([0-9]\.[0-9])/i),aMat&&aMat[1]&&(a=parseFloat(aMat[1]))),a}function r(a,b){for(var c=1,e=s(a),f=0,g=l.length;g>=f;f++){var h=0;switch(b){case d.L:h=l[f][0];break;case d.M:h=l[f][26];break;case d.Q:h=l[f][27];break;case d.H:h=l[f][28]}if(h>=e)break;c++}if(c>l.length)throw new Error("Too long data");return c}function s(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(this.modules[a+c][b+d]=c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?!0:!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=f.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][29]&&(this.modules[a][30]=0==a%2);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=0==b%2)},setupPositionAdjustPattern:function(){for(var a=f.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var g=-2;2>=g;g++)for(var h=-2;2>=h;h++)this.modules[d+g][e+h]=-2==g||2==g||-2==h||2==h||0==g&&0==h?!0:!1}},setupTypeNumber:function(a){for(var b=f.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(1&b>>c);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(1&b>>c);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=f.getBCHTypeInfo(c),e=0;15>e;e++){var g=!a&&1==(1&d>>e);6>e?this.modules[e][31]=g:8>e?this.modules[e+1][32]=g:this.modules[this.moduleCount-15+e][33]=g}for(var e=0;15>e;e++){var g=!a&&1==(1&d>>e);8>e?this.modules[8][this.moduleCount-e-1]=g:9>e?this.modules[8][15-e-1+1]=g:this.modules[8][15-e-1]=g}this.modules[this.moduleCount-8][34]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,g=0,h=this.moduleCount-1;h>0;h-=2)for(6==h&&h--;;){for(var i=0;2>i;i++)if(null==this.modules[d][h-i]){var j=!1;g<a.length&&(j=1==(1&a[g]>>>e));var k=f.getMask(b,d,h-i);k&&(j=!j),this.modules[d][h-i]=j,e--,-1==e&&(g++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,d){for(var e=j.getRSBlocks(a,c),g=new k,h=0;h<d.length;h++){var i=d[h];g.put(i.mode,4),g.put(i.getLength(),f.getLengthInBits(i.mode,a)),i.write(g)}for(var l=0,h=0;h<e.length;h++)l+=e[h].dataCount;if(g.getLengthInBits()>8*l)throw new Error("code length overflow. ("+g.getLengthInBits()+">"+8*l+")");for(g.getLengthInBits()+4<=8*l&&g.put(0,4);0!=g.getLengthInBits()%8;)g.putBit(!1);for(;;){if(g.getLengthInBits()>=8*l)break;if(g.put(b.PAD0,8),g.getLengthInBits()>=8*l)break;g.put(b.PAD1,8)}return b.createBytes(g,e)},b.createBytes=function(a,b){for(var c=0,d=0,e=0,g=new Array(b.length),h=new Array(b.length),j=0;j<b.length;j++){var k=b[j].dataCount,l=b[j].totalCount-k;d=Math.max(d,k),e=Math.max(e,l),g[j]=new Array(k);for(var m=0;m<g[j].length;m++)g[j][m]=255&a.buffer[m+c];c+=k;var n=f.getErrorCorrectPolynomial(l),o=new i(g[j],n.getLength()-1),p=o.mod(n);h[j]=new Array(n.getLength()-1);for(var m=0;m<h[j].length;m++){var q=m+p.getLength()-h[j].length;h[j][m]=q>=0?p.get(q):0}}for(var r=0,m=0;m<b.length;m++)r+=b[m].totalCount;for(var s=new Array(r),t=0,m=0;d>m;m++)for(var j=0;j<b.length;j++)m<g[j].length&&(s[t++]=g[j][m]);for(var m=0;e>m;m++)for(var j=0;j<b.length;j++)m<h[j].length&&(s[t++]=h[j][m]);return s};for(var c={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},d={L:1,M:0,Q:3,H:2},e={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},f={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;f.getBCHDigit(b)-f.getBCHDigit(f.G15)>=0;)b^=f.G15<<f.getBCHDigit(b)-f.getBCHDigit(f.G15);return(a<<10|b)^f.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;f.getBCHDigit(b)-f.getBCHDigit(f.G18)>=0;)b^=f.G18<<f.getBCHDigit(b)-f.getBCHDigit(f.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return f.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case e.PATTERN000:return 0==(b+c)%2;case e.PATTERN001:return 0==b%2;case e.PATTERN010:return 0==c%3;case e.PATTERN011:return 0==(b+c)%3;case e.PATTERN100:return 0==(Math.floor(b/2)+Math.floor(c/3))%2;case e.PATTERN101:return 0==b*c%2+b*c%3;case e.PATTERN110:return 0==(b*c%2+b*c%3)%2;case e.PATTERN111:return 0==(b*c%3+(b+c)%2)%2;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new i([1],0),c=0;a>c;c++)b=b.multiply(new i([1,g.gexp(c)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case c.MODE_NUMBER:return 10;case c.MODE_ALPHA_NUM:return 9;case c.MODE_8BIT_BYTE:return 8;case c.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case c.MODE_NUMBER:return 12;case c.MODE_ALPHA_NUM:return 11;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case c.MODE_NUMBER:return 14;case c.MODE_ALPHA_NUM:return 13;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||(0!=h||0!=i)&&g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,(0==j||4==j)&&(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},g={glog:function(a){if(1>a)throw new Error("glog("+a+")");return g.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return g.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},h=0;8>h;h++)g.EXP_TABLE[h]=1<<h;for(var h=8;256>h;h++)g.EXP_TABLE[h]=g.EXP_TABLE[h-4]^g.EXP_TABLE[h-5]^g.EXP_TABLE[h-6]^g.EXP_TABLE[h-8];for(var h=0;255>h;h++)g.LOG_TABLE[g.EXP_TABLE[h]]=h;i.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),c=0;c<this.getLength();c++)for(var d=0;d<a.getLength();d++)b[c+d]^=g.gexp(g.glog(this.get(c))+g.glog(a.get(d)));return new i(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=g.glog(this.get(0))-g.glog(a.get(0)),c=new Array(this.getLength()),d=0;d<this.getLength();d++)c[d]=this.get(d);for(var d=0;d<a.getLength();d++)c[d]^=g.gexp(g.glog(a.get(d))+b);return new i(c,0).mod(a)}},j.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],j.getRSBlocks=function(a,b){var c=j.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var d=c.length/3,e=[],f=0;d>f;f++)for(var g=c[3*f+0],h=c[3*f+1],i=c[3*f+2],k=0;g>k;k++)e.push(new j(h,i));return e},j.getRsBlockTable=function(a,b){switch(b){case d.L:return j.RS_BLOCK_TABLE[4*(a-1)+0];case d.M:return j.RS_BLOCK_TABLE[4*(a-1)+1];case d.Q:return j.RS_BLOCK_TABLE[4*(a-1)+2];case d.H:return j.RS_BLOCK_TABLE[4*(a-1)+3];default:return void 0}},k.prototype={get:function(a){var b=Math.floor(a/8);return 1==(1&this.buffer[b]>>>7-a%8)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(1&a>>>b-c-1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer[b]|=128>>>this.length%8),this.length++}};var l=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],o=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function g(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var b=this._htOption,c=this._el,d=a.getModuleCount();Math.floor(b.width/d),Math.floor(b.height/d),this.clear();var h=g("svg",{viewBox:"0 0 "+String(d)+" "+String(d),width:"100%",height:"100%",fill:b.colorLight});h.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),c.appendChild(h),h.appendChild(g("rect",{fill:b.colorDark,width:"1",height:"1",id:"template"}));for(var i=0;d>i;i++)for(var j=0;d>j;j++)if(a.isDark(i,j)){var k=g("use",{x:String(i),y:String(j)});k.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),h.appendChild(k)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),p="svg"===document.documentElement.tagName.toLowerCase(),q=p?o:m()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function d(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&_fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==",void 0}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(this._android&&this._android<=2.1){var b=1/window.devicePixelRatio,c=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,d,e,f,g,h,i,j){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*b;else"undefined"==typeof j&&(arguments[1]*=b,arguments[2]*=b,arguments[3]*=b,arguments[4]*=b);c.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=n(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&d.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){for(var b=this._htOption,c=this._el,d=a.getModuleCount(),e=Math.floor(b.width/d),f=Math.floor(b.height/d),g=['<table style="border:0;border-collapse:collapse;">'],h=0;d>h;h++){g.push("<tr>");for(var i=0;d>i;i++)g.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:'+e+"px;height:"+f+"px;background-color:"+(a.isDark(h,i)?b.colorDark:b.colorLight)+';"></td>');g.push("</tr>")}g.push("</table>"),c.innerHTML=g.join("");var j=c.childNodes[0],k=(b.width-j.offsetWidth)/2,l=(b.height-j.offsetHeight)/2;k>0&&l>0&&(j.style.margin=l+"px "+k+"px")},a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCode=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:d.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._android=n(),this._el=a,this._oQRCode=null,this._oDrawing=new q(this._el,this._htOption),this._htOption.text&&this.makeCode(this._htOption.text)},QRCode.prototype.makeCode=function(a){this._oQRCode=new b(r(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCode.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCode.prototype.clear=function(){this._oDrawing.clear()},QRCode.CorrectLevel=d}();

添加好后打开/usr/themes/handsome/component/sidebar.php
在pull-right"><?php echo timer_stop(); ?></span><?php _me("响应耗时") ?></li>之后两行的</section>之后，<?php endif; ?>之前添加以下代码。当然具体位置可以按照自己的喜好来。记得把qrcode.min.js地址改成自己的(也可以不改)~

    <section  id="blog_qrurl" class="widget widget_categories wrapper-md clear">
   
    <script type="text/javascript" src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>
      <h5 class="widget-title m-t-none text-md"><?php _me("移动端阅读") ?></h5>
      <style>
          #qrcode img{
              max-width: 100%;
          }
          @media (max-width: 767px){
              #qrcode{
                  display: none;
              }
          }

      </style>
      <div id="qrcode"></div>
      <script>
        var elText = window.location.href;
        new QRCode(document.getElementById("qrcode"), elText);
      </script>
  
  </section>

网页悬浮二维码

效果图：

首先在/usr/themes/handsome/assets/js目录内创建一个qrcode.min.js文件，将以下代码加入

var QRCode;!function(){function t(t){this.mode=r.MODE_8BIT_BYTE,this.data=t,this.parsedData=[];for(var e=0,o=this.data.length;e<o;e++){var i=[],n=this.data.charCodeAt(e);n>65536?(i[0]=240|(1835008&n)>>>18,i[1]=128|(258048&n)>>>12,i[2]=128|(4032&n)>>>6,i[3]=128|63&n):n>2048?(i[0]=224|(61440&n)>>>12,i[1]=128|(4032&n)>>>6,i[2]=128|63&n):n>128?(i[0]=192|(1984&n)>>>6,i[1]=128|63&n):i[0]=n,this.parsedData.push(i)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length&&(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function e(t,e){this.typeNumber=t,this.errorCorrectLevel=e,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}t.prototype={getLength:function(t){return this.parsedData.length},write:function(t){for(var e=0,r=this.parsedData.length;e<r;e++)t.put(this.parsedData[e],8)}},e.prototype={addData:function(e){var r=new t(e);this.dataList.push(r),this.dataCache=null},isDark:function(t,e){if(t<0||this.moduleCount<=t||e<0||this.moduleCount<=e)throw new Error(t+","+e);return this.modules[t][e]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(t,r){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var o=0;o<this.moduleCount;o++){this.modules[o]=new Array(this.moduleCount);for(var i=0;i<this.moduleCount;i++)this.modules[o][i]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,r),this.typeNumber>=7&&this.setupTypeNumber(t),null==this.dataCache&&(this.dataCache=e.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,r)},setupPositionProbePattern:function(t,e){for(var r=-1;r<=7;r++)if(!(t+r<=-1||this.moduleCount<=t+r))for(var o=-1;o<=7;o++)e+o<=-1||this.moduleCount<=e+o||(this.modules[t+r][e+o]=0<=r&&r<=6&&(0==o||6==o)||0<=o&&o<=6&&(0==r||6==r)||2<=r&&r<=4&&2<=o&&o<=4)},getBestMaskPattern:function(){for(var t=0,e=0,r=0;r<8;r++){this.makeImpl(!0,r);var o=g.getLostPoint(this);(0==r||t>o)&&(t=o,e=r)}return e},createMovieClip:function(t,e,r){var o=t.createEmptyMovieClip(e,r);this.make();for(var i=0;i<this.modules.length;i++)for(var n=1*i,a=0;a<this.modules[i].length;a++){var s=1*a;this.modules[i][a]&&(o.beginFill(0,100),o.moveTo(s,n),o.lineTo(s+1,n),o.lineTo(s+1,n+1),o.lineTo(s,n+1),o.endFill())}return o},setupTimingPattern:function(){for(var t=8;t<this.moduleCount-8;t++)null==this.modules[t][36]&&(this.modules[t][37]=t%2==0);for(var e=8;e<this.moduleCount-8;e++)null==this.modules[6][e]&&(this.modules[6][e]=e%2==0)},setupPositionAdjustPattern:function(){for(var t=g.getPatternPosition(this.typeNumber),e=0;e<t.length;e++)for(var r=0;r<t.length;r++){var o=t[e],i=t[r];if(null==this.modules[o][i])for(var n=-2;n<=2;n++)for(var a=-2;a<=2;a++)this.modules[o+n][i+a]=-2==n||2==n||-2==a||2==a||0==n&&0==a}},setupTypeNumber:function(t){for(var e=g.getBCHTypeNumber(this.typeNumber),r=0;r<18;r++){var o=!t&&1==(e>>r&1);this.modules[Math.floor(r/3)][r%3+this.moduleCount-8-3]=o}for(r=0;r<18;r++){o=!t&&1==(e>>r&1);this.modules[r%3+this.moduleCount-8-3][Math.floor(r/3)]=o}},setupTypeInfo:function(t,e){for(var r=this.errorCorrectLevel<<3|e,o=g.getBCHTypeInfo(r),i=0;i<15;i++){var n=!t&&1==(o>>i&1);i<6?this.modules[i][38]=n:i<8?this.modules[i+1][39]=n:this.modules[this.moduleCount-15+i][40]=n}for(i=0;i<15;i++){n=!t&&1==(o>>i&1);i<8?this.modules[8][this.moduleCount-i-1]=n:i<9?this.modules[8][15-i-1+1]=n:this.modules[8][15-i-1]=n}this.modules[this.moduleCount-8][41]=!t},mapData:function(t,e){for(var r=-1,o=this.moduleCount-1,i=7,n=0,a=this.moduleCount-1;a>0;a-=2)for(6==a&&a--;;){for(var s=0;s<2;s++)if(null==this.modules[o][a-s]){var h=!1;n<t.length&&(h=1==(t[n]>>>i&1)),g.getMask(e,o,a-s)&&(h=!h),this.modules[o][a-s]=h,-1==--i&&(n++,i=7)}if((o+=r)<0||this.moduleCount<=o){o-=r,r=-r;break}}}},e.PAD0=236,e.PAD1=17,e.createData=function(t,r,o){for(var i=m.getRSBlocks(t,r),n=new _,a=0;a<o.length;a++){var s=o[a];n.put(s.mode,4),n.put(s.getLength(),g.getLengthInBits(s.mode,t)),s.write(n)}var h=0;for(a=0;a<i.length;a++)h+=i[a].dataCount;if(n.getLengthInBits()>8*h)throw new Error("code length overflow. ("+n.getLengthInBits()+">"+8*h+")");for(n.getLengthInBits()+4<=8*h&&n.put(0,4);n.getLengthInBits()%8!=0;)n.putBit(!1);for(;!(n.getLengthInBits()>=8*h||(n.put(e.PAD0,8),n.getLengthInBits()>=8*h));)n.put(e.PAD1,8);return e.createBytes(n,i)},e.createBytes=function(t,e){for(var r=0,o=0,i=0,n=new Array(e.length),a=new Array(e.length),s=0;s<e.length;s++){var h=e[s].dataCount,l=e[s].totalCount-h;o=Math.max(o,h),i=Math.max(i,l),n[s]=new Array(h);for(var u=0;u<n[s].length;u++)n[s][u]=255&t.buffer[u+r];r+=h;var f=g.getErrorCorrectPolynomial(l),d=new p(n[s],f.getLength()-1).mod(f);a[s]=new Array(f.getLength()-1);for(u=0;u<a[s].length;u++){var c=u+d.getLength()-a[s].length;a[s][u]=c>=0?d.get(c):0}}var m=0;for(u=0;u<e.length;u++)m+=e[u].totalCount;var _=new Array(m),v=0;for(u=0;u<o;u++)for(s=0;s<e.length;s++)u<n[s].length&&(_[v++]=n[s][u]);for(u=0;u<i;u++)for(s=0;s<e.length;s++)u<a[s].length&&(_[v++]=a[s][u]);return _};for(var r={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},o={L:1,M:0,Q:3,H:2},i=0,n=1,a=2,s=3,h=4,l=5,u=6,f=7,g={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(t){for(var e=t<<10;g.getBCHDigit(e)-g.getBCHDigit(g.G15)>=0;)e^=g.G15<<g.getBCHDigit(e)-g.getBCHDigit(g.G15);return(t<<10|e)^g.G15_MASK},getBCHTypeNumber:function(t){for(var e=t<<12;g.getBCHDigit(e)-g.getBCHDigit(g.G18)>=0;)e^=g.G18<<g.getBCHDigit(e)-g.getBCHDigit(g.G18);return t<<12|e},getBCHDigit:function(t){for(var e=0;0!=t;)e++,t>>>=1;return e},getPatternPosition:function(t){return g.PATTERN_POSITION_TABLE[t-1]},getMask:function(t,e,r){switch(t){case i:return(e+r)%2==0;case n:return e%2==0;case a:return r%3==0;case s:return(e+r)%3==0;case h:return(Math.floor(e/2)+Math.floor(r/3))%2==0;case l:return e*r%2+e*r%3==0;case u:return(e*r%2+e*r%3)%2==0;case f:return(e*r%3+(e+r)%2)%2==0;default:throw new Error("bad maskPattern:"+t)}},getErrorCorrectPolynomial:function(t){for(var e=new p([1],0),r=0;r<t;r++)e=e.multiply(new p([1,d.gexp(r)],0));return e},getLengthInBits:function(t,e){if(1<=e&&e<10)switch(t){case r.MODE_NUMBER:return 10;case r.MODE_ALPHA_NUM:return 9;case r.MODE_8BIT_BYTE:case r.MODE_KANJI:return 8;default:throw new Error("mode:"+t)}else if(e<27)switch(t){case r.MODE_NUMBER:return 12;case r.MODE_ALPHA_NUM:return 11;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 10;default:throw new Error("mode:"+t)}else{if(!(e<41))throw new Error("type:"+e);switch(t){case r.MODE_NUMBER:return 14;case r.MODE_ALPHA_NUM:return 13;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 12;default:throw new Error("mode:"+t)}}},getLostPoint:function(t){for(var e=t.getModuleCount(),r=0,o=0;o<e;o++)for(var i=0;i<e;i++){for(var n=0,a=t.isDark(o,i),s=-1;s<=1;s++)if(!(o+s<0||e<=o+s))for(var h=-1;h<=1;h++)i+h<0||e<=i+h||0==s&&0==h||a==t.isDark(o+s,i+h)&&n++;n>5&&(r+=3+n-5)}for(o=0;o<e-1;o++)for(i=0;i<e-1;i++){var l=0;t.isDark(o,i)&&l++,t.isDark(o+1,i)&&l++,t.isDark(o,i+1)&&l++,t.isDark(o+1,i+1)&&l++,0!=l&&4!=l||(r+=3)}for(o=0;o<e;o++)for(i=0;i<e-6;i++)t.isDark(o,i)&&!t.isDark(o,i+1)&&t.isDark(o,i+2)&&t.isDark(o,i+3)&&t.isDark(o,i+4)&&!t.isDark(o,i+5)&&t.isDark(o,i+6)&&(r+=40);for(i=0;i<e;i++)for(o=0;o<e-6;o++)t.isDark(o,i)&&!t.isDark(o+1,i)&&t.isDark(o+2,i)&&t.isDark(o+3,i)&&t.isDark(o+4,i)&&!t.isDark(o+5,i)&&t.isDark(o+6,i)&&(r+=40);var u=0;for(i=0;i<e;i++)for(o=0;o<e;o++)t.isDark(o,i)&&u++;return r+=10*(Math.abs(100*u/e/e-50)/5)}},d={glog:function(t){if(t<1)throw new Error("glog("+t+")");return d.LOG_TABLE[t]},gexp:function(t){for(;t<0;)t+=255;for(;t>=256;)t-=255;return d.EXP_TABLE[t]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},c=0;c<8;c++)d.EXP_TABLE[c]=1<<c;for(c=8;c<256;c++)d.EXP_TABLE[c]=d.EXP_TABLE[c-4]^d.EXP_TABLE[c-5]^d.EXP_TABLE[c-6]^d.EXP_TABLE[c-8];for(c=0;c<255;c++)d.LOG_TABLE[d.EXP_TABLE[c]]=c;function p(t,e){if(void 0==t.length)throw new Error(t.length+"/"+e);for(var r=0;r<t.length&&0==t[r];)r++;this.num=new Array(t.length-r+e);for(var o=0;o<t.length-r;o++)this.num[o]=t[o+r]}function m(t,e){this.totalCount=t,this.dataCount=e}function _(){this.buffer=[],this.length=0}p.prototype={get:function(t){return this.num[t]},getLength:function(){return this.num.length},multiply:function(t){for(var e=new Array(this.getLength()+t.getLength()-1),r=0;r<this.getLength();r++)for(var o=0;o<t.getLength();o++)e[r+o]^=d.gexp(d.glog(this.get(r))+d.glog(t.get(o)));return new p(e,0)},mod:function(t){if(this.getLength()-t.getLength()<0)return this;for(var e=d.glog(this.get(0))-d.glog(t.get(0)),r=new Array(this.getLength()),o=0;o<this.getLength();o++)r[o]=this.get(o);for(o=0;o<t.getLength();o++)r[o]^=d.gexp(d.glog(t.get(o))+e);return new p(r,0).mod(t)}},m.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12,7,37,13],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],m.getRSBlocks=function(t,e){var r=m.getRsBlockTable(t,e);if(void 0==r)throw new Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+e);for(var o=r.length/3,i=[],n=0;n<o;n++)for(var a=r[3*n+0],s=r[3*n+1],h=r[3*n+2],l=0;l<a;l++)i.push(new m(s,h));return i},m.getRsBlockTable=function(t,e){switch(e){case o.L:return m.RS_BLOCK_TABLE[4*(t-1)+0];case o.M:return m.RS_BLOCK_TABLE[4*(t-1)+1];case o.Q:return m.RS_BLOCK_TABLE[4*(t-1)+2];case o.H:return m.RS_BLOCK_TABLE[4*(t-1)+3];default:return}},_.prototype={get:function(t){var e=Math.floor(t/8);return 1==(this.buffer[e]>>>7-t%8&1)},put:function(t,e){for(var r=0;r<e;r++)this.putBit(1==(t>>>e-r-1&1))},getLengthInBits:function(){return this.length},putBit:function(t){var e=Math.floor(this.length/8);this.buffer.length<=e&&this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}};var v=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]];function C(){var t=!1,e=navigator.userAgent;if(/android/i.test(e)){t=!0;var r=e.toString().match(/android ([0-9]\.[0-9])/i);r&&r[1]&&(t=parseFloat(r[1]))}return t}var w=function(){var t=function(t,e){this._el=t,this._htOption=e};return t.prototype.draw=function(t){var e=this._htOption,r=this._el,o=t.getModuleCount();Math.floor(e.width/o),Math.floor(e.height/o);function i(t,e){var r=document.createElementNS("http://www.w3.org/2000/svg",t);for(var o in e)e.hasOwnProperty(o)&&r.setAttribute(o,e[o]);return r}this.clear();var n=i("svg",{viewBox:"0 0 "+String(o)+" "+String(o),width:"100%",height:"100%",fill:e.colorLight});n.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),r.appendChild(n),n.appendChild(i("rect",{fill:e.colorLight,width:"100%",height:"100%"})),n.appendChild(i("rect",{fill:e.colorDark,width:"1",height:"1",id:"template"}));for(var a=0;a<o;a++)for(var s=0;s<o;s++)if(t.isDark(a,s)){var h=i("use",{x:String(s),y:String(a)});h.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),n.appendChild(h)}},t.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},t}(),D="svg"===document.documentElement.tagName.toLowerCase()?w:"undefined"==typeof CanvasRenderingContext2D?function(){var t=function(t,e){this._el=t,this._htOption=e};return t.prototype.draw=function(t){for(var e=this._htOption,r=this._el,o=t.getModuleCount(),i=Math.floor(e.width/o),n=Math.floor(e.height/o),a=['<table style="border:0;border-collapse:collapse;">'],s=0;s<o;s++){a.push("<tr>");for(var h=0;h<o;h++)a.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:'+i+"px;height:"+n+"px;background-color:"+(t.isDark(s,h)?e.colorDark:e.colorLight)+';"></td>');a.push("</tr>")}a.push("</table>"),r.innerHTML=a.join("");var l=r.childNodes[0],u=(e.width-l.offsetWidth)/2,f=(e.height-l.offsetHeight)/2;u>0&&f>0&&(l.style.margin=f+"px "+u+"px")},t.prototype.clear=function(){this._el.innerHTML=""},t}():function(){function t(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}if(this._android&&this._android<=2.1){var e=1/window.devicePixelRatio,r=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(t,o,i,n,a,s,h,l,u){if("nodeName"in t&&/img/i.test(t.nodeName))for(var f=arguments.length-1;f>=1;f--)arguments[f]=arguments[f]*e;else void 0===l&&(arguments[1]*=e,arguments[2]*=e,arguments[3]*=e,arguments[4]*=e);r.apply(this,arguments)}}var o=function(t,e){this._bIsPainted=!1,this._android=C(),this._htOption=e,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=e.width,this._elCanvas.height=e.height,t.appendChild(this._elCanvas),this._el=t,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return o.prototype.draw=function(t){var e=this._elImage,r=this._oContext,o=this._htOption,i=t.getModuleCount(),n=o.width/i,a=o.height/i,s=Math.round(n),h=Math.round(a);e.style.display="none",this.clear();for(var l=0;l<i;l++)for(var u=0;u<i;u++){var f=t.isDark(l,u),g=u*n,d=l*a;r.strokeStyle=f?o.colorDark:o.colorLight,r.lineWidth=1,r.fillStyle=f?o.colorDark:o.colorLight,r.fillRect(g,d,n,a),r.strokeRect(Math.floor(g)+.5,Math.floor(d)+.5,s,h),r.strokeRect(Math.ceil(g)-.5,Math.ceil(d)-.5,s,h)}this._bIsPainted=!0},o.prototype.makeImage=function(){this._bIsPainted&&function(t,e){var r=this;if(r._fFail=e,r._fSuccess=t,null===r._bSupportDataURI){var o=document.createElement("img"),i=function(){r._bSupportDataURI=!1,r._fFail&&r._fFail.call(r)};return o.onabort=i,o.onerror=i,o.onload=function(){r._bSupportDataURI=!0,r._fSuccess&&r._fSuccess.call(r)},void(o.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}!0===r._bSupportDataURI&&r._fSuccess?r._fSuccess.call(r):!1===r._bSupportDataURI&&r._fFail&&r._fFail.call(r)}.call(this,t)},o.prototype.isPainted=function(){return this._bIsPainted},o.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},o.prototype.round=function(t){return t?Math.floor(1e3*t)/1e3:t},o}();function A(t,e){for(var r=1,i=function(t){var e=encodeURI(t).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return e.length+(e.length!=t?3:0)}(t),n=0,a=v.length;n<=a;n++){var s=0;switch(e){case o.L:s=v[n][0];break;case o.M:s=v[n][42];break;case o.Q:s=v[n][43];break;case o.H:s=v[n][44]}if(i<=s)break;r++}if(r>v.length)throw new Error("Too long data");return r}(QRCode=function(t,e){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:o.H},"string"==typeof e&&(e={text:e}),e)for(var r in e)this._htOption[r]=e[r];"string"==typeof t&&(t=document.getElementById(t)),this._htOption.useSVG&&(D=w),this._android=C(),this._el=t,this._oQRCode=null,this._oDrawing=new D(this._el,this._htOption),this._htOption.text&&this.makeCode(this._htOption.text)}).prototype.makeCode=function(t){this._oQRCode=new e(A(t,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(t),this._oQRCode.make(),this._el.title=t,this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCode.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCode.prototype.clear=function(){this._oDrawing.clear()},QRCode.CorrectLevel=o}(),"undefined"!=typeof module&&(module.exports=QRCode);

打开 /Handsome/compents/sidebar.php文件, 找到 <? php if (IS_TOC): ?>(140行左右)字样，在此行前面添加以下代码

<div id="qrcode" style="color:white;" class="tools-item" title="阅读转移"><span>手机观看</span><br />
    <div id="qrcode-img"></div><i style="font-size:32px;bottom:20px" class="glyphicon glyphicon-phone"
        aria-hidden="false"></i>
</div>

在sidebar.php的最后 <? php endif; ?> 前添加如下代码

<style>
    /* 工具栏 - start */
    .tools-item {
        position: fixed;
        bottom: 20px;
        right: 247px;
        width: 56px;
        height: 45px;
        text-align: center;
    }

    .tools-item > i {
        display: inline;
        line-height: 45px;
    }

    #qrcode-img {
        position: fixed;
        bottom: 70px;
        right: 280px;
        display: none;
        box-shadow: 0 0 20px #B6DFE9;
        padding:25px;
        background: #fff;
    }
</style>
<script type="text/javascript" src="你自己的qrcode.min.js路径"></script>
<script type="text/javascript">
    $(function(){
        var system = { 
            win: false, 
            mac: false, 
            xll: false
        }; 
        //检测平台 
        var p = navigator.platform; 
        system.win = p.indexOf("Win") == 0; 
        system.mac = p.indexOf("Mac") == 0; 
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); 
        if (system.win || system.mac || system.xll) { 
        } else {
            $("#qrcode").attr("hidden","hidden");
        } 
        var url = encodeURI(location.href);
        var select = true;
        $('#qrcode').hover(function() {
            if(select) {
                $('#qrcode-img').empty();
                new QRCode(document.getElementById("qrcode-img"), {
                    text: url,
                    width: 180,
                    height: 180,
                    colorDark : "#000000",
                    colorLight : "#ffffff",
                    correctLevel : QRCode.CorrectLevel.L
                });
                $('#qrcode-img').show();
                select = false;
            } else {
                $('#qrcode-img').hide();
                select = true;
            }
        });
    });
</script>

将qrcode.min.js文件上传到合适位置后将以上代码中的链接修改即可

信息统计增加全站字数、在线人数、响应耗时和访客总数

首先将以下代码加到/usr/themes/handsome/libs/Content.php中，放在class Content的上面

/*访问总量*/
     function theAllViews(){
             $db = Typecho_Db::get();
             $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
                 echo number_format($row[0]['SUM(VIEWS)']);
     }

    /*响应时间*/
    function timer_start() {
        global $timestart;
        $mtime = explode( ' ', microtime()  );
        $timestart = $mtime[1] + $mtime[0];
        return true; 
    }
    timer_start();
    function timer_stop( $display = 0, $precision = 3  ) {
        global $timestart, $timeend;
        $mtime = explode( ' ', microtime()  );
        $timeend = $mtime[1] + $mtime[0];
        $timetotal = number_format( $timeend - $timestart, $precision  );
        $r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s";
        if ( $display  ) {
            echo $r;
        }
        return $r;
    }
        /**
     * 全站字数
     */
    function allOfCharacters() {
        $chars = 0;
        $db = Typecho_Db::get();
        $select = $db ->select('text')->from('table.contents');
        $rows = $db->fetchAll($select);
        foreach ($rows as $row) { $chars += mb_strlen(trim($row['text']), 'UTF-8'); }
        $unit = '';
        if($chars >= 10000)     { $chars /= 10000; $unit = '万'; } 
        else if($chars >= 1000) { $chars /= 1000;  $unit = '千'; }
        $out = sprintf('%.2lf %s',$chars, $unit);
        return $out;
    } 
/**
     * 在线人数
     */
    function online_users() {
        $filename='online.txt'; //数据文件
        $cookiename='Nanlon_OnLineCount'; //Cookie名称
        $onlinetime=30; //在线有效时间
        $online=file($filename); 
        $nowtime=$_SERVER['REQUEST_TIME']; 
        $nowonline=array(); 
        foreach($online as $line){ 
            $row=explode('|',$line); 
            $sesstime=trim($row[1]); 
            if(($nowtime - $sesstime)<=$onlinetime){
                $nowonline[$row[0]]=$sesstime;
            } 
        } 
        if(isset($_COOKIE[$cookiename])){
            $uid=$_COOKIE[$cookiename]; 
        }else{
            $vid=0;
            do{
                $vid++; 
                $uid='U'.$vid; 
            }while(array_key_exists($uid,$nowonline)); 
            setcookie($cookiename,$uid); 
        } 
        $nowonline[$uid]=$nowtime;
        $total_online=count($nowonline); 
        if($fp=@fopen($filename,'w')){ 
            if(flock($fp,LOCK_EX)){ 
                rewind($fp); 
                foreach($nowonline as $fuid=>$ftime){ 
                    $fline=$fuid.'|'.$ftime."\n"; 
                    @fputs($fp,$fline); 
                } 
                flock($fp,LOCK_UN); 
                fclose($fp); 
            } 
        } 
        echo "$total_online"; 
    }

然后在/usr/themes/handsome/component/sidebar.php文件内，找到合适和位置添加以下代码：注：处就是添加代码的地方，找到你想加的位置添加代码即可

<li class="list-group-item text-second"><span class="blog-info-icons"><i data-feather="edit-3"></i></span><span class="badge pull-right"><?php echo allOfCharacters(); ?></span><?php _me("全站字数") ?></li>
<li class="list-group-item"> <i class="glyphicon glyphicon-user text-muted text-muted"></i> <span class="badge pull-right"><?php echo online_users() ?></span><?php _me("在线人数") ?></li>
<li class="list-group-item text-second"> <span class="blog-info-icons"> <i data-feather="users"></i></span>
     <span class="badge
 pull-right"><?php echo theAllViews(); ?></span><?php _me("访客总数") ?></li>
<li class="list-group-item text-second"> <span class="blog-info-icons"> <i data-feather="refresh-ccw"></i></span>
     <span class="badge
 pull-right"><?php echo timer_stop(); ?></span><?php _me("响应耗时") ?></li>

底部版权美化

左侧底部放在 后台-开发者设置-博客底部左侧信息

<!--左侧底部-->
<div class="github-badge">
    <span class="badge-subject">Copyright</span>
    <a href="https://www.5k5b.com" target="_blank">
        <span class="badge-value bg-blue">©2022 5k5b.</span>
    </a>
</div> |
<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">2020030958号</span></a>
</div>
<div class="github-badge">
    <img src="https: //cdn-qh.oss-cn-guangzhou.aliyuncs.com/bkimg/bei.png" style="float:left;" />
    <span class="badge-subject">豫公网安备</span>
    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41032602000132" target="_blank">
        <span class="badge-value bg-green">41032602000132号</span></a>
</div>

右侧底部放在 后台-开发者设置-博客底部右侧信息

<!--右侧底部-->
<div class="github-badge">
    <span class="badge-subject">本站由</span>
    <a href="https://www.95vps.com/aff/20" target="_blank">
        <span class="badge-value bg-blue">桔子数据提供服务</span></a>
</div> |
<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>

css放在 主题设置-自定义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-green {
  background-color: #3bca6e
}

把下面代码放在主题目录usr/themes/handsome/component/footer.php内大概在177行，覆盖原来的即可

<footer id="footer" class="app-footer" role="footer">
    <div class="wrapper bg-light">
        <span class="pull-right hidden-xs text-ellipsis">
            <?php $this->options->BottomInfo();
      // 可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解
      ?>
        </span>
        <span class="text-ellipsis">
            <?php
            $this->options->BottomleftInfo(); ?>
        </span>
    </div>

</footer>

页脚处添加网站运行时间

注意这个功能我是在上一个页脚美化的基础上添加的，如果没有添加页脚美化功能，该运行时间的排版会出现问题。当然你也可以改成你喜欢的样子~
代码放到后台-开发者设置-博客底部左侧信息

|  
<!-- 建站时间 -->
<div class="github-badge">
<span class="badge-subject">运行时间</span>
<span class="badge-value bg-green"><span id="span_dt_dt"></span></span>
<script>
    /*建站时间*/
    function show_date_time() {
        window.setTimeout("show_date_time()", 1e3);
        var BirthDay = new Date("2021/09/11 22:30:00"),
        today = new Date,
        timeold = today.getTime() - BirthDay.getTime(),
        msPerDay = 864e5,
        e_daysold = timeold / msPerDay,
        daysold = Math.floor(e_daysold),
        e_hrsold = 24 * (e_daysold - daysold),
        hrsold = Math.floor(e_hrsold),
        e_minsold = 60 * (e_hrsold - hrsold),
        minsold = Math.floor(60 * (e_hrsold - hrsold)),
        seconds = Math.floor(60 * (e_minsold - minsold));
        span_dt_dt.innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
    }
    show_date_time();
</script>

添加网站加载效果

首相找到/usr/themes/handsome/component/文件夹内的header.php，将以下代码加到最后</style>之后

<!--加载动画-->
<style>
    #PageLoading {
        background-color: #fff;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 1;
        margin-top: 0px;
        top: 0px;
    }

    #PageLoading-center {
        width: 100%;
        height: 100%;
        position: relative;
    }

    #PageLoading-center-absolute {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 200px;
        width: 200px;
        margin-top: -100px;
        margin-left: -100px;
    }

    .object2 {
        -moz-border-radius: 50% 50% 50% 50%;
        -webkit-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        position: absolute;
        border-left: 5px solid #FFB6C1;
        border-right: 5px solid #b6def7;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        -webkit-animation: animate 2s infinite;
        animation: animate 2s infinite;

    }

    #object_one {
        left: 75px;
        top: 75px;
        width: 50px;
        height: 50px;
    }

    #object_two {
        left: 65px;
        top: 65px;
        width: 70px;
        height: 70px;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    #object_three {
        left: 55px;
        top: 55px;
        width: 90px;
        height: 90px;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    #object_four {
        left: 45px;
        top: 45px;
        width: 110px;
        height: 110px;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    @-webkit-keyframes animate {
        50% {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        100% {
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @keyframes animate {
        50% {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        100% {
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
</style>

<!--加载动画-->

<body id="body" class="fix-padding skt-loading">

    <body id="body" class="fix-padding" style="overflow:hidden">
        <div id="PageLoading" style="z-index:99999999;">
            <div id="PageLoading-center">
                <div id="PageLoading-center-absolute">
                    <div class="object2" id="object_four"></div>
                    <div class="object2" id="object_three"></div>
                    <div class="object2" id="object_two"></div>
                    <div class="object2" id="object_one"></div>
                </div>
            </div>
        </div>
    </body>
</body>

加好后刷新博客会出现一直卡在加载页面的问题，我们再将以下代码放到自定义JavaScripts里面

/* 加载动画 */
$(function(){
        $("#PageLoading").fadeOut(400);
        $("#body").css('overflow','');
    });

添加一键打卡功能

该功能在每篇博文的评论框底部
首先找到/usr/themes/handsome/component/comments.php
将如下代码(可以直接搜<div class="comment-form-comment form-group">)

更改为

            <div class="comment-form-comment form-group">
                <label for="comment"><?php _me("评论") ?>
                    <span class="required text-danger">*</span></label>
                    <span class="required text-danger">（请使用真实邮箱地址，方便及时接收评论回复！）</span>
                <textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="<?php _me("说点什么吧……") ?>" οnkeydοwn="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"><?php $this->remember('text'); ?></textarea>
                <div class="OwO" style="display: inline;"></div>
                <div class="OwO" title="打卡" style="display: inline;" onclick="javascript:SIMPALED.Editor.daka();this.style.display='none'"><div class="OwO-logo"><i class="fontello-pencil"></i><span class="OwOlogotext">打卡</span></div></div>
                <div class="OwO" title="赞" style="display: inline;" onclick="javascript:SIMPALED.Editor.zan();this.style.display='none'"><div class="OwO-logo"><i class="glyphicon glyphicon-thumbs-up"></i><span class="OwOlogotext"></span></div></div>
                <div class="OwO" title="踩" style="display: inline;" onclick="javascript:SIMPALED.Editor.cai();this.style.display='none'"><div class="OwO-logo"><i class="glyphicon glyphicon-thumbs-down"></i><span class="OwOlogotext"></span></div></div>
                <div class="secret_comment" id="secret_comment" data-toggle="tooltip" data-original-title="<?php _me("开启该功能，您的评论仅作者和评论双方可见") ?>">
                    <label class="secret_comment_label control-label"><?php _me("私密评论") ?></label>
                    <div class="secret_comment_check">
                        <label class="i-switch i-switch-sm bg-dark m-b-ss m-r">
                            <input type="checkbox" id="secret_comment_checkbox">
                            <i></i>
                        </label>
                    </div>
                </div>
            </div>

接着去自定义JavaScript加入如下代码

<!--评论 打卡、赞、踩 功能-->
function a(a, b, c) {
        if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus();
        else if (a.selectionStart || "0" == a.selectionStart) {
            var l = a.selectionStart,
                m = a.selectionEnd,
                n = m;
            c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length);
            c ? n += b.length + c.length : n += b.length - m + l;
            l == m && c && (n -= c.length);
            a.focus();
            a.selectionStart = n;
            a.selectionEnd = n
        } else a.value += b + c, a.focus()
}
var b = (new Date).toLocaleTimeString(),
        c = document.getElementById("comment") || 0;
window.SIMPALED = {};
window.SIMPALED.Editor = {
    daka: function() {
        a(c, "滴！学生卡！打卡时间：" + b, "，请上车的乘客系好安全带~")
    },
    zan: function() {
        a(c, " 文章写得不错，给你点个赞，继续加油哈！")
    },
    cai: function() {
        a(c, "骚年，我怀疑你写了一篇假的文章！")
    }
};

在自定义CSS处添加

/*评论一键打卡、赞、踩 */
.secret_comment {
    top: 5px;
}
.OwO.OwO-open .OwO-body {
    display:table
}

搞好之后刷新网页就可以看到效果了~

小版图模式下列表美化(小图斜切效果)

小版图模式下列表美化

这个项目就是将博客首页的小图模式下的栏目做一个斜切效果，具体可以看我博客首页的效果。
或者新建一个.html文件，添加如下代码来预览效果

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
.li-box{position:relative;z-index:1;display:flex;overflow:hidden;margin-top:50px;margin-right:auto;margin-left:auto;width:800px;background-color:#333;color:#fff}
.left-img{z-index:1;display:flex;margin:0;width:30%;height:190px;-webkit-clip-path:polygon(0 0,95% 0,100% 100%,0 100%);clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}
.left-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.blur-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:14.5rem;background-position:center;background-size:cover;transform:scale(1.2);-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(1.875rem) brightness(.8);filter:blur(1.875rem) brightness(.8)}
.right-cont{z-index:1;display:flex;width:70%;text-shadow:0 .1875rem .3125rem rgb(0 0 0 / 30%);letter-spacing:.06rem;flex-direction:column;justify-content:space-between}
.right-cont a{color:inherit;text-decoration:none}
    </style>
  </head>
  <body>
    <div class="li-box">
      <a class="left-img" href="#"><img src="https://img01.sogoucdn.com/app/a/200692/300_300_feedback_25fb6bfdbfe64e07bffb0ac725f9cb7b.jpg"/></a>
      <div class="blur-img" style="background-image: url(https://img01.sogoucdn.com/app/a/200692/300_300_feedback_e308749875fa4b3bafc959762bacbc8b.jpg);"></div>
      <div class="right-cont">
        <a class="cont-title" href="#">Cesium - 开源好用的图片压缩软件</a>
        <a class="cont-des">Cesium能将您的图片压缩高达90％，而不会出现明显的质量损失。你可以使用此软件将诸如JPG，JPEG，PNG，BMP或WMF等图片格式，压缩保存为JPG，PNG或BMP。</a>
        <div class="cont-info"><a href="#">其它信息</a></div>
      </div>
    </div>
  </body>
</html>

注意该效果仅仅在小版图的模式下才有效果~
首先我们找到网站根目录/usr/themes/handsome/libs/Content.php
将

<div class="panel-small single-post box-shadow-wrap-normal">
    <div class="index-post-img-small post-feature index-img-small">
        <a href="{$parameterArray['linkUrl']}">
            <div class="item-thumb-small lazy" {$backgroundImageHtml}>
            </div>
        </a>
    </div>

替换为

<div class="panel-small single-post box-shadow-wrap-normal tt-small-blur">
<div class="index-post-img-small post-feature index-img-small tt-left-box">
    <a href="{$parameterArray['linkUrl']}">
        <div class="item-thumb-small lazy tt-left-img" {$backgroundImageHtml}></div>
    </a>
</div>
<div class="tt-blur-img" {$backgroundImageHtml}></div>

并在自定义CSS里面添加以下代码

/* 头图显示斜切样式 */
.tt-small-blur{position:relative;z-index:1;display:flex;overflow:hidden;background-color:#333;color:#fff;}
.tt-small-blur .tt-left-box{z-index:1;-webkit-clip-path:polygon(0 0,94% 0,100% 100%,0 100%);clip-path:polygon(0 0,94% 0,100% 100%,0 100%);}
.tt-small-blur .tt-left-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.tt-small-blur .tt-blur-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;background-position:center;background-size:cover;transform:scale(1.4);-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(1.275rem) brightness(.83);filter:blur(1.275rem) brightness(.83);}
.tt-small-blur .post-meta{z-index:1;display:flex;color:inherit;flex-direction:column;justify-content:space-between;}
.tt-small-blur .text-title{color:inherit;}
.tt-small-blur .post-meta h2,.tt-small-blur .post-meta p{text-shadow:.1875rem .1875rem .3125rem #333;letter-spacing:.09rem;}
.tt-small-blur .text-muted{color:inherit;}
.tt-small-blur .post-meta {padding: 30px 30px 15px 30px;}
@media (max-width:500px){.tt-small-blur .index-post-title{display:-webkit-box;display:-moz-box;overflow:hidden;margin-bottom:2px;height:48px;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-line-clamp:2;-moz-box-orient:vertical;word-break:break-all;}}
@media (max-width:500px){.tt-small-blur .summary{display:none;}}
@media (max-width:380px){.tt-small-blur .post-meta{padding:10px 15px;}}
@media (min-width:768px) and (max-width: 1199px){.tt-small-blur .summary {height: 55px;}.tt-small-blur .line-lg {margin-top: 1px;margin-bottom: 1px;}}

自定义字体

首先我们去字体天下网站找到一款自己喜欢的字体，记得一定要是免费商用的，防止有版权问题~
下载好后会发现是一个.tff扩展名的文件，我们再去字体转换网站里将.tff转换为.woff格式的文件
并将转换后的文件上传到你网站目录里的某个位置，默认是usr/themes/handsome/assets/fonts文件夹里。
前往 外观设置-开发者设置-自定义css中添加以下代码

/*自定义字体*/
@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap; src:url(填写字体所在的位置) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium} body {font- family: HarmonyOS!important;}

在博客顶部添加心知天气

首先去心知天气官网注册账号并申请API
之后在/usr/themes/handsome/component/headnav.php文件中的动态日历中<?php endif;?>下方添加以下代码
注意将API信息改成自己的

<!-- 知心天气-->
    <div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift"></div>
<script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
<script>tpwidget("init", {
    "flavor": "slim",
    "location": "WX4FBXXFKE4F",
    "geolocation": "enabled",
    "language": "auto",
    "unit": "c",
    "theme": "chameleon",
    "container": "tp-weather-widget",
    "bubble": "enabled",
    "alarmType": "badge",
    "color": "#C6C6C6",
    "uid": "公钥",
    "hash": "密钥"
});
tpwidget("show");</script>
<!-- 知心结束-->

404页面添加自动返回首页功能

找到/usr/themes/handsome文件夹内的404.php文件并打开。
在h1 class="text-shadow text-white">404这一行下面加入以下代码：

<br>
<small class="text-muted letterspacing">
<b id="sp">2</b>秒后自动返回···<br>
<a class="text-muted letterspacing" href="#" onclick="javascript:history.go(-1);">立刻返回</a>

再把下面的代码加入404.php文件内最底下的</body>前面

<script type="text/javascript">
onload = function(){setInterval(go, 1000);};var x=2;
function go() {x--;if(x>0) {document.getElementById("sp").innerHTML = x;}else{history.go(-1);}}
</script>

新年喝彩图

效果图：

代码添加到自定义CSS中

/*新年喝彩图*/
#new_year{
    position: absolute;
    pointer-events: none;
    opacity: 0.5;
    left: 0;
    right: 0;
    bottom: 0;
}
#post-panel header.wrapper-md.bg-light{
position:relative;
}

找到usr/theme/handsome/index.php在以下图中位置（大概37行左右）添加如下代码

<img id="new_year" src="https://img04.sogoucdn.com/app/a/200692/1315_138_feedback_f61e2617c522404ab4ee69b5cfba0657.png" draggable="false">

背景云雾特效

使用方法
先在后台-设置外观-开发者设置-自定义CSS 添加以下代码

<!--背景云雾特效-->
{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}figure{margin:0}.absolute-bg{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.fog{position:relative;height:100vh;width:100%;position:fixed;top:0;z-index:-1}.fog__container{position:absolute;height:100%;width:100%;overflow:hidden}.fog__img{position:absolute;height:100vh;width:300vw}.fog__img--first{background:url("https://ae01.alicdn.com/kf/Ud713fee99c5d4f2bac69dd0469a95b13e.png") repeat-x;background-size:contain;background-position:center;-webkit-animation:marquee 60s linear infinite;animation:marquee 60s linear infinite}.fog__img--second{background:url("https://ae01.alicdn.com/kf/Ub5631e112d7742cbb3cab47a304b80f4T.png") repeat-x;background-size:contain;background-position:center;-webkit-animation:marquee 40s linear infinite;animation:marquee 40s linear infinite}@media screen and (max-width:767px){.fog__img--first{-webkit-animation:marquee 6s linear infinite;animation:marquee 6s linear infinite}.fog__img--second{-webkit-animation:marquee 6s linear infinite;animation:marquee 6s linear infinite}}@-webkit-keyframes marquee{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-200vw,0,0);transform:translate3d(-200vw,0,0)}}@keyframes marquee{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-200vw,0,0);transform:translate3d(-200vw,0,0)}}
<!--云雾特效结束-->

然后编辑/usr/themes/handsome/component/footer.php文件
在<?php $this->footer(); ?>上面添加以下代码

<section class="fog">
    <div class="fog__container">
        <div class="fog__img fog__img--first"></div>
        <div class="fog__img fog__img--second"></div>
    </div>
</section>

文章底部添加标签

效果图：

在当前文章内容尾部添加该文章的标签，在主题目录下的/usr/themes/handsome/post.php文件中的适当地方加入以下代码。

<!--文章底部添加标签-->
标签：<?php $this->tags('，', true, 'no tag'); ?>

在文章顶部添加百度是否收录

效果图：

使用方法
在handsome/functions.php最底部添加代码

/**
* 提示文章百度是否收录
*
*/
function baidu_record() {
$url='http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
if(checkBaidu($url)==1){
    echo "百度已收录";
}
else{
    echo "<a style=\"color:red;\" rel=\"external nofollow\" title=\"点击提交收录！\" target=\"_blank\" href=\"http://zhanzhang.baidu.com/sitesubmit/index?sitename=$url\">百度未收录</a>";}
}
function checkBaidu($url) {
    $url = 'http://www.baidu.com/s?wd=' . urlencode($url);
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, $url);
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
    $rs = curl_exec($curl);
    curl_close($curl);
    if (!strpos($rs, '没有找到')) { //没有找到说明已被百度收录
        return 1;
    } else {
        return -1;
    }
}

然后在handsome/post.php在63行左右添加代码

<!--百度收录-->
<li><i class="glyphicon glyphicon-globe"></i>&nbsp<?php echo baidu_record() ?></li>

鼠标点击特效-富强、民主文字样式

鼠标点击特效

效果图：

将以下代码放在主题的handsome/component/footer.php中的</body>之前即可。
或者直接在后台外观设置→开发者设置→自定义输出body尾部的HTML代码处粘贴即可

<!--鼠标点击特效-->
<script type="text/javascript"> 
/* 鼠标特效 */
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); 
        var $i = $("<span/>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
            "top": y - 20, 
            "left": x, 
            "position": "absolute", 
            "font-weight": "bold", 
            "color": "#ff6651" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
</script>

鼠标点击特效-文字样式第二种

鼠标点击特效 -文字样式第二种

效果图：

在后台设置的‘自定义输出body 尾部的HTML代码’里填上以下代码，保存即可；

/*全局-鼠标点击特效*/
<script type="text/javascript"> 
/* 文字可改可增可减 */
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("帅气", "聪明", "叻仔", "麦霸", "无敌", "多金", "榜一" ,"流行", "稳健", "隆金", "大佬", "前卫"); 
        var $i = $("<span/>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
            "top": y - 20, 
            "left": x, 
            "position": "absolute", 
            "font-weight": "bold", 
            "color": "#ff6651" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
</script>

鼠标点击特效-文字样式第三种

鼠标点击特效

效果图：

将以下代码放在主题的handsome/component/footer.php中的</body>之前即可。
或者直接在后台外观设置→开发者设置→自定义输出body尾部的HTML代码处粘贴即可

<!--鼠标点击特效-->
<script>  
jQuery(document).ready(function($) {   
    $("html,body").click(function(e){   
        var dfs=[  
            "您刚才的点击使计生局放开了"+Math.floor(Math.random()*100)+"胎政策。",  
            "您刚才的点击使黄石超级火山爆发了",  
            "您刚才的点击使罗辑又换了一个女朋友",  
            "您刚才的点击使小米公司收购了高通公司",  
            "您刚才的点击引爆了"+Math.random()*10000+"光年外的一颗恒星",  
            "您刚才的点击使头发变得乌黑浓密了",  
            "您刚才的点击使您的波函数坍塌了",   
            "您刚才的点击使您的银行卡被盗刷了",   
            "您刚才的点击使普朗克常数扩大了十倍",   
            "您刚才的点击熄灭了蓝色空间号二号主引擎",   
            "您刚才的点击创造了一个小宇宙",   
            "您刚才的点击使宇宙由开放转为闭合",   
            "您刚才的点击让云天明和关一帆在一起了",  
            "您刚才的点击使三体第"+Math.floor(Math.random()*100)+"舰队起航了",   
            "您刚才的点击使第"+Math.floor(Math.random()*10000)+"号宇宙毁灭了",   
            "您刚才的点击向太阳发射了一颗光粒",   
            "您刚才的点击导致三体行星撞上他的主星",  
            "您刚才的点击令人类文明将在"+(new Date()).getFullYear()+"年"+((new Date()).getMonth()+1)+"月"+(new Date()).getUTCDate()+"日23:59:59毁灭",  
            "您刚才的点击启动了威慑系统",  
            "您刚才的点击使谢顿计划脱离了正轨",  
            "您刚才的点击使程心按下了威慑开关",  
            "您刚才的点击引起了"+Math.random()*10000+"光年外一个行星的爆炸",  
            "您刚才的点击使宇宙中产生了一些暗物质",  
            "您刚才的点击引起了所有行星上的地震",  
            "您刚才的点击使一台诺基亚摔碎了",  
            "您刚才的点击使360云盘倒闭了",  
            "您刚才的点击小米发布了MIX概念手机",  
            "千万不要再次点击鼠标",  
            "真的千万不要再次点击鼠标"  
        ];  
        var n=Math.floor(Math.random() * dfs.length + 1)-1;   //随机获取一条数据  
        var $i=$("<p/>").text(dfs[n]);      //新建一个b标签，并显示随机的话语  
        var x=e.pageX,y=e.pageY;            //获取鼠标点击的x，和y  
        $i.css({                            //为标签赋予css值  
            "z-index":99999,   
            "top":y-20,   
            "left":x,   
            "position":"absolute",   
            "color":"#E94F06",  
            "font-family":"微软雅黑",  
            "cursor":"default",  
            "-moz-user-select": "none",  
            "-webkit-user-select": "none",  
            "-ms-user-select": "none",  
            "-khtml-user-select": "none",  
            "user-select": "none",  
        });   
        $("body").append($i);               //在尾部插入  
        $i.animate( {"top":y-180,"opacity":0}, 1500, function(){$i.remove();});     //动画消除  
        e.stopPropagation();  
    });  
});   
</script>

更改一言接口

假如你是个古诗词爱好者，你可能希望将handsome自带的一言换为换成古诗词版的，刚好已经有人开发出这样的api了，我们直接调用即可。
今日诗词官网地址

我比较喜欢的一点是，它会自动获取访客ip，然后根据ip所在地、访问时间等信息来推荐相关的古诗词（比如如果你在上海的晚上打开网站，它就会推送有关江南、夜雨的古诗词），很妙。具体的推荐方式点我查看。

主题根目录下打开index.php，找到以下代码：

<small class="text-muted letterspacing indexWords"><?php
              if (@!in_array('hitokoto',$this->options->featuresetup)) {
                  $this->options->Indexwords();
              }else{
                  echo '加载中……';
                  echo '<script>
                         $.ajax({
                            type: \'Get\',
                            url: \'https://v1.hitokoto.cn/\',
                            success: function(data) {
                               var hitokoto = data.hitokoto;
                              $(\'.indexWords\').text(hitokoto);
                            }
                         });
</script>';
              }
              ?></small>

更改为以下代码：

<small class="text-muted letterspacing indexWords">
<span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script></small>

当然，别忘了在主题后台启用主题增强功能->增强功能开关->启用一言接口

文章页面页脚插入one一言

效果图：

代码放置开发者设置-文章页脚广告位

<small class="text-muted letterspacing indexWords" style="font-family:monaco;text-align:center;">
<div >
<br>
<font style="font-size:20px;font-family:YouYuan;opacity:0.8;">◈</font>
<br>
<script type="text/javascript" src="https://api.xygeng.cn/one/get/" >
</script>
</div>
</small>

右侧广告位插入今日诗词一言

效果图：

代码放置开发者设置-全局右侧边栏广告位

<small class="text-muted letterspacing indexWords" style="font-family:monaco;text-align:center;">
<div>
<font style="font-size:20px;font-family:YouYuan;opacity:0.8;">◈</font>
<br><br>
<span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8">
</script>
</div>
</small>

之后去/usr/themes/handsome/component/sidebar.php大约在162行左右

一言打字特效

第一步
先把这两个js放到：设置外观–开发者设置–自定义输出head头部的HTML代码

<script src="https://i.gordsky.cn/assets/weiyu/jquery.min.js"></script> <script src="https://i.gordsky.cn/assets/weiyu/typed.min.js"></script>

第二步
把下面的js代码。复制到：设置外观–开发者设置–自定义JavaScript

function typedword(){ $.ajax({ type:"get", url:"https://api.gordsky.cn/Love/", data:{type:'json10'}, async:true, success:function(word){ var list = []; for(var i = 0 ;i < word.length ; i++){ list.push(word[i]['word']); } $("#word").typed({ strings: list, typeSpeed: 20, loop: true, backDelay: 3000, }); } }); }

第三步
把下面的html代码复制到：设置外观–初级设置–首页一行文字介绍

<p><i style="color:red;" class="glyphicon glyphicon-heart" aria-hidden="true"></i><span id="word"><i class="glyphicon glyphicon-heart" aria-hidden="true"></i></span><i style="color:red;" class="glyphicon glyphicon-heart" aria-hidden="true"></i><script>$(function(){typedword();})</script></p>

右侧栏加入每日pixiv热榜图片

效果图：

Github：https://github.com/mokeyjay/Pixiv-daily-top50-widget
主题设置 – 开发者设置 – 全局右侧广告位添加以下代码

<iframe src="https://cloud.mokeyjay.com/pixiv" frameborder="0"  style="width:240px; height:380px;"></iframe>

然后修改handsome/component/sidebar.php
找到<h3 class="widget-title m-t-none text-md"><?php _me(“广告”) ?></h3>，将”广告”二字修改为“P站每日热门”

位置地球

效果图：

方法：进入handsome后台，选择“更换外观--设置外观--开发者设置--全局右侧边栏广告位”，将复制的代码粘贴即可

<script type="text/javascript" src="//rf.revolvermaps.com/0/0/6.js?i=5wrl2mbvawy&amp;m=7&amp;c=e63100&amp;cr1=ffffff&amp;f=arial&amp;l=0&amp;bv=90&amp;lx=-420&amp;ly=420&amp;hi=20&amp;he=7&amp;hc=a8ddff&amp;rs=80" async="async"></script>

替换广告字：打开“/usr/themes/handsome/component/sidebar.php”文件，搜索“广告”二字，改为“位置地球”。

全站友链显示图片

效果图：

打开/usr/themes/handsome/component/aside.php文件，大概在210左右，把这一段替换为以下代码

替换为：

<!--使用links插件，输出全站友链-->
                 <?php $mypattern1 = "<li data-original-title=\"{title}\" data-toggle=\"tooltip\" 
data-placement=\"top\"><a rel='noopener' href=\"{url}\" target=\"_blank\"><img style=\"width:18px;height:18px;border-radius:50%;margin-right:3px;\" src=\"{image}\" /><span>{name}</span></a></li>";
                  Handsome_Plugin::output($mypattern1, 0, "ten");?>
                </ul>
              </li>

右侧添加“全屏显示按钮”

效果图：

打开/usr/themes/handsome/component/fotter.php文件，找到“返回顶部”这段代码大概在96行左右，在下方开始添加

<div class="f10 panel panel-default" style="position:fixed;top:450px;right:-240px;z-index:99;width:240px;-webkit-transition:all .2s;transition:all .2s;">
    <button id="f10" class="fix-padding btn btn-default rightSettingBtn  pos-abt 
          border-radius-half-left"
            data-toggle="tooltip" data-placement="left" data-original-title="<?php _me("全屏切换") ?>" style="top:44px;border:none;box-shadow:-3px 0 2px 0 rgba(0,0,0,.02);background:rgba(255,255,255,.3) !important;color:#840606 !important;border-top-right-radius:0;border-bottom-right-radius:0;left:-43px;padding:10px 15px;position:absolute;">
        <span class="icon1"  id = "span1" style="display:;margin-left:1px;">
            <i width="13px" height="13px" data-feather="maximize"></i>
        </span>
        <span class="icon2" id="span2" style="display:none;">
            <i width="13px" height="13px" data-feather="minimize"></i>
        </span>
                      <!--<i class="fontello fontello-chevron-circle-up" aria-hidden="true"></i>-->
    </button>
    <style>
/*        .btn-default {*/
            /*所有按钮颜色*/
/*  color: #840606 !important*/
/*}*/
/*    </style>*/
    <script>
    
    var button = document.getElementById('f10');
    var myspan1 =document.getElementById('span1');
    var myspan2 = document.getElementById('span2');
    button.onclick = function(){
    document.fullscreen ? closeMyFullScreen() : myFullScreen();
    if(document.fullscreen )
    {
        // var name= document.getElementById('name');
        // name.style.cssText = "border: 1px solid #95FF00;padding: 3px;"
         myspan2.style.cssText="display:none;"
         myspan1.style.cssText="display:;"
    } else 
    {
         myspan1.style.cssText="display:none;"
         myspan2.style.cssText="display:;"
    }
};
// 全屏
function myFullScreen() {
    var docElm = document.documentElement;
    //W3C 
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    }
    //FireFox 
    else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }
    //Chrome等 
    else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
    //IE11 
    else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
    }
}
 // 退出全屏
function closeMyFullScreen() {
 
    if (document.exitFullscreen) {
        document.exitFullscreen();
    }
    else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    }
    else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
    else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}
    </script>
</div>

时光机去除蒙层

效果图：修改前

修改后

把以下代码添加到自定义JavaScript代码内

/* 时光机去蒙版 */
try{
document.getElementsByClassName("wrapper-lg bg-white-opacity")[0].classList.remove("bg-white-opacity");
}catch(err){}

之后去/usr/themes/handsome/cross.php文件内搜索bg-white-opacity，将这一行代码注释掉，在下方添加

<!--时光机去除蒙层-->
<div class="wrapper-lg ">

示例图：

表情包添加

以下提到的JSON内容添加到/usr/themes/handsome/usr/OwO.json文件里面，压缩包内的文件夹放到/usr/themes/handsome/assets/img/emotion目录内

阿鲁

阿鲁是在自带阿鲁表情包的基础上做的拓展，所以如果你不想拓展的话，JSON部分需要自行调整

"阿鲁": {
    "name": "aru",
    "type": "image",
    "container": [
      {
        "icon": "0000",
        "text": "**"
      },
      {
        "icon": "0010",
        "text": "**"
      },
      {
        "icon": "0020",
        "text": "**"
      },
      {
        "icon": "0030",
        "text": "**"
      },
      {
        "icon": "0040",
        "text": "**"
      },
      {
        "icon": "0050",
        "text": "**"
      },
      {
        "icon": "0060",
        "text": "**"
      },
      {
        "icon": "0070",
        "text": "**"
      },
      {
        "icon": "0080",
        "text": "**"
      },
      {
        "icon": "0090",
        "text": "**"
      },
      {
        "icon": "0100",
        "text": "**"
      },
      {
        "icon": "0110",
        "text": "**"
      },
      {
        "icon": "0120",
        "text": "**"
      },
      {
        "icon": "0130",
        "text": "**"
      },
      {
        "icon": "0140",
        "text": "**"
      },
      {
        "icon": "0150",
        "text": "**"
      },
      {
        "icon": "0160",
        "text": "**"
      },
      {
        "icon": "0171",
        "text": "**"
      },
      {
        "icon": "0180",
        "text": "**"
      },
      {
        "icon": "0181",
        "text": "**"
      },
      {
        "icon": "0190",
        "text": "**"
      },
      {
        "icon": "0200",
        "text": "**"
      },
      {
        "icon": "0210",
        "text": "**"
      },
      {
        "icon": "0220",
        "text": "**"
      },
      {
        "icon": "0230",
        "text": "**"
      },
      {
        "icon": "0240",
        "text": "**"
      },
      {
        "icon": "0241",
        "text": "**"
      },
      {
        "icon": "0250",
        "text": "**"
      },
      {
        "icon": "0260",
        "text": "**"
      },
      {
        "icon": "0270",
        "text": "**"
      },
      {
        "icon": "0280",
        "text": "**"
      },
      {
        "icon": "0290",
        "text": "**"
      },
      {
        "icon": "0300",
        "text": "**"
      },
      {
        "icon": "0310",
        "text": "**"
      },
      {
        "icon": "0320",
        "text": "**"
      },
      {
        "icon": "0330",
        "text": "**"
      },
      {
        "icon": "0331",
        "text": "**"
      },
      {
        "icon": "0340",
        "text": "**"
      },
      {
        "icon": "0350",
        "text": "**"
      },
      {
        "icon": "0360",
        "text": "**"
      },
      {
        "icon": "0370",
        "text": "**"
      },
      {
        "icon": "0380",
        "text": "**"
      },
      {
        "icon": "0390",
        "text": "**"
      },
      {
        "icon": "0391",
        "text": "**"
      },
      {
        "icon": "0400",
        "text": "**"
      },
      {
        "icon": "0410",
        "text": "**"
      },
      {
        "icon": "0420",
        "text": "**"
      },
      {
        "icon": "0430",
        "text": "**"
      },
      {
        "icon": "0431",
        "text": "**"
      },
      {
        "icon": "0440",
        "text": "**"
      },
      {
        "icon": "0450",
        "text": "**"
      },
      {
        "icon": "0451",
        "text": "**"
      },
      {
        "icon": "0460",
        "text": "**"
      },
      {
        "icon": "0461",
        "text": "**"
      },
      {
        "icon": "0462",
        "text": "**"
      },
      {
        "icon": "0470",
        "text": "**"
      },
      {
        "icon": "0480",
        "text": "**"
      },
      {
        "icon": "0490",
        "text": "**"
      },
      {
        "icon": "0500",
        "text": "**"
      },
      {
        "icon": "0510",
        "text": "**"
      },
      {
        "icon": "0520",
        "text": "**"
      },
      {
        "icon": "0530",
        "text": "**"
      },
      {
        "icon": "0540",
        "text": "**"
      },
      {
        "icon": "0550",
        "text": "**"
      },
      {
        "icon": "0560",
        "text": "**"
      },
      {
        "icon": "0570",
        "text": "**"
      },
      {
        "icon": "0580",
        "text": "**"
      },
      {
        "icon": "0590",
        "text": "**"
      },
      {
        "icon": "0600",
        "text": "**"
      },
      {
        "icon": "0610",
        "text": "**"
      },
      {
        "icon": "0620",
        "text": "**"
      },
      {
        "icon": "despise",
        "text": "鄙视"
      },
      {
        "icon": "knife",
        "text": "插刀"
      },
      {
        "icon": "pouting",
        "text": "亲嘴"
      },
      {
        "icon": "shutup",
        "text": "闭嘴"
      },
      {
        "icon": "unhappy",
        "text": "不开心"
      },
      {
        "icon": "discovertruth",
        "text": "发现真相"
      },
      {
        "icon": "shit",
        "text": "便便"
      },
      {
        "icon": "distressed",
        "text": "烦恼"
      },
      {
        "icon": "shy",
        "text": "捂脸"
      },
      {
        "icon": "speechless",
        "text": "无语"
      },
      {
        "icon": "confuse",
        "text": "迷惑"
      },
      {
        "icon": "frown",
        "text": "皱眉"
      },
      {
        "icon": "proud",
        "text": "得意"
      },
      {
        "icon": "cheer",
        "text": "欢呼"
      },
      {
        "icon": "meditation",
        "text": "沉思"
      },
      {
        "icon": "diving",
        "text": "潜水"
      },
      {
        "icon": "cryingface",
        "text": "掩面哭泣"
      },
      {
        "icon": "lurking",
        "text": "潜伏"
      },
      {
        "icon": "thumb",
        "text": "大拇指"
      },
      {
        "icon": "smile",
        "text": "微笑"
      },
      {
        "icon": "clap",
        "text": "拍掌"
      },
      {
        "icon": "envious",
        "text": "眼馋"
      },
      {
        "icon": "surrender",
        "text": "投降"
      },
      {
        "icon": "bigeye",
        "text": "大眼睛"
      },
      {
        "icon": "nose",
        "text": "抠鼻"
      },
      {
        "icon": "sweat",
        "text": "流汗"
      },
      {
        "icon": "flower",
        "text": "小花花"
      },
      {
        "icon": "crying",
        "text": "流泪"
      },
      {
        "icon": "spit",
        "text": "吐"
      },
      {
        "icon": "surprised",
        "text": "吃惊"
      },
      {
        "icon": "blood",
        "text": "一滩血"
      },
      {
        "icon": "blood2",
        "text": "吐血"
      },
      {
        "icon": "shy2",
        "text": "脸红"
      },
      {
        "icon": "angry",
        "text": "生气"
      },
      {
        "icon": "nomatter",
        "text": "无所谓"
      },
      {
        "icon": "dead",
        "text": "死翘翘"
      },
      {
        "icon": "insidious",
        "text": "阴险"
      },
      {
        "icon": "1010",
        "text": "**"
        },
         {
        "icon": "1020",
        "text": "**"
        },
         {
        "icon": "1030",
        "text": "**"
        },
         {
        "icon": "1040",
        "text": "**"
        },
         {
        "icon": "1050",
        "text": "**"
        },
         {
        "icon": "1060",
        "text": "**"
        },
         {
        "icon": "1070",
        "text": "**"
        },
         {
        "icon": "1080",
        "text": "**"
        },
         {
        "icon": "2010",
        "text": "**"
        },
         {
        "icon": "2020",
        "text": "**"
        },
         {
        "icon": "2030",
        "text": "**"
        },
         {
        "icon": "2040",
        "text": "**"
        },
         {
        "icon": "2050",
        "text": "**"
        },
         {
        "icon": "2060",
        "text": "**"
        },
        {
        "icon": "2070",
        "text": "**"
        },
         {
        "icon": "2080",
        "text": "**"
        },
         {
        "icon": "2090",
        "text": "**"
        },
         {
        "icon": "2100",
        "text": "**"
        },
         {
        "icon": "2101",
        "text": "**"
        },
         {
        "icon": "2110",
        "text": "**"
        },
         {
        "icon": "2120",
        "text": "**"
        },
         {
        "icon": "2130",
        "text": "**"
        },
         {
        "icon": "2140",
        "text": "**"
        },
         {
        "icon": "2141",
        "text": "**"
        },
         {
        "icon": "2145",
        "text": "**"
        },
         {
        "icon": "2150",
        "text": "**"
        },
         {
        "icon": "2151",
        "text": "**"
        },
         {
        "icon": "2152",
        "text": "**"
        },
         {
        "icon": "2160",
        "text": "**"
        },
         {
        "icon": "2161",
        "text": "**"
        },
         {
        "icon": "2165",
        "text": "**"
        },
         {
        "icon": "2170",
        "text": "**"
        },
         {
        "icon": "2171",
        "text": "**"
        },
         {
        "icon": "3010",
        "text": "**"
        },
         {
        "icon": "3011",
        "text": "**"
        },
         {
        "icon": "3020",
        "text": "**"
        },
         {
        "icon": "3030",
        "text": "**"
        },
        {
        "icon": "3040",
        "text": "**"
        },
         {
        "icon": "3050",
        "text": "**"
        },
         {
        "icon": "3060",
        "text": "**"
        },
         {
        "icon": "3061",
        "text": "**"
        },
         {
        "icon": "4010",
        "text": "**"
        },
         {
        "icon": "4020",
        "text": "**"
        },
         {
        "icon": "4021",
        "text": "**"
        },
         {
        "icon": "4022",
        "text": "**"
        },
         {
        "icon": "4023",
        "text": "**"
        },
         {
        "icon": "4024",
        "text": "**"
        },
         {
        "icon": "4025",
        "text": "**"
        },
         {
        "icon": "4030",
        "text": "**"
        },
         {
        "icon": "4031",
        "text": "**"
        },
         {
        "icon": "4040",
        "text": "**"
        },
         {
        "icon": "4041",
        "text": "**"
        },
         {
        "icon": "4042",
        "text": "**"
        },
         {
        "icon": "4100",
        "text": "**"
        },
         {
        "icon": "4110",
        "text": "**"
        },
         {
        "icon": "4111",
        "text": "**"
        },
         {
        "icon": "4112",
        "text": "**"
        },
         {
        "icon": "4113",
        "text": "**"
        },
         {
        "icon": "4114",
        "text": "**"
        },
         {
        "icon": "4115",
        "text": "**"
        },
         {
        "icon": "4120",
        "text": "**"
        },
         {
        "icon": "4121",
        "text": "**"
        },
         {
        "icon": "4130",
        "text": "**"
        },
         {
        "icon": "4140",
        "text": "**"
        },
         {
        "icon": "4200",
        "text": "**"
        },
         {
        "icon": "4201",
        "text": "**"
        },
         {
        "icon": "4210",
        "text": "**"
        },
        {
        "icon": "4211",
        "text": "**"
        },
         {
        "icon": "4212",
        "text": "**"
        },
         {
        "icon": "4213",
        "text": "**"
        },
         {
        "icon": "4220",
        "text": "**"
        },
         {
        "icon": "4300",
        "text": "**"
        },
         {
        "icon": "4301",
        "text": "**"
        },
         {
        "icon": "4302",
        "text": "**"
        },
         {
        "icon": "4303",
        "text": "**"
        },
         {
        "icon": "4304",
        "text": "**"
        },
      {
        "icon": "tongue",
        "text": "吐舌"
      },
      {
        "icon": "4310",
        "text": "#"
      },
      {
        "icon": "5000",
        "text": "#"
      },
      {
        "icon": "5001",
        "text": "#"
      },
      {
        "icon": "5002",
        "text": "#"
      },
      {
        "icon": "5003",
        "text": "#"
      },
      {
        "icon": "5010",
        "text": "#"
      },
      {
        "icon": "5020",
        "text": "#"
      },
      {
        "icon": "5030",
        "text": "#"
      },
      {
        "icon": "5040",
        "text": "#"
      },
      {
        "icon": "5050",
        "text": "#"
      },
      {
        "icon": "5060",
        "text": "#"
      },
      {
        "icon": "5069",
        "text": "#"
      },
      {
        "icon": "5070",
        "text": "#"
      },
      {
        "icon": "5080",
        "text": "#"
      },
      {
        "icon": "5090",
        "text": "#"
      },
      {
        "icon": "5091",
        "text": "#"
      },
      {
        "icon": "5100",
        "text": "#"
      },
      {
        "icon": "5110",
        "text": "#"
      },
      {
        "icon": "5120",
        "text": "#"
      },
      {
        "icon": "5130",
        "text": "#"
      },
      {
        "icon": "5131",
        "text": "#"
      },
      {
        "icon": "5140",
        "text": "#"
      },
      {
        "icon": "5141",
        "text": "#"
      },
      {
        "icon": "5150",
        "text": "#"
      },
      {
        "icon": "5151",
        "text": "#"
      },
      {
        "icon": "5160",
        "text": "#"
      },
      {
        "icon": "5161",
        "text": "#"
      },
      {
        "icon": "5170",
        "text": "#"
      },
      {
        "icon": "5180",
        "text": "#"
      },
      {
        "icon": "5190",
        "text": "#"
      },
      {
        "icon": "5200",
        "text": "#"
      },
      {
        "icon": "5210",
        "text": "#"
      },
      {
        "icon": "5220",
        "text": "#"
      },
      {
        "icon": "5230",
        "text": "#"
      },
      {
        "icon": "6000",
        "text": "#"
      },
      {
        "icon": "6001",
        "text": "#"
      },
      {
        "icon": "6010",
        "text": "#"
      },
      {
        "icon": "6020",
        "text": "#"
      },
      {
        "icon": "6030",
        "text": "#"
      },
      {
        "icon": "6040",
        "text": "#"
      },
      {
        "icon": "6050",
        "text": "#"
      },
      {
        "icon": "6051",
        "text": "#"
      },
      {
        "icon": "6060",
        "text": "#"
      },
      {
        "icon": "6061",
        "text": "#"
      },
      {
        "icon": "6070",
        "text": "#"
      },
      {
        "icon": "6080",
        "text": "#"
      },
      {
        "icon": "6090",
        "text": "#"
      },
      {
        "icon": "6091",
        "text": "#"
      },
      {
        "icon": "6092",
        "text": "#"
      },
      {
        "icon": "6100",
        "text": "#"
      },
      {
        "icon": "6110",
        "text": "#"
      },
      {
        "icon": "6120",
        "text": "#"
      },
      {
        "icon": "6121",
        "text": "#"
      },
      {
        "icon": "6130",
        "text": "#"
      },
      {
        "icon": "6131",
        "text": "#"
      },
      {
        "icon": "6132",
        "text": "#"
      },
      {
        "icon": "6140",
        "text": "#"
      },
      {
        "icon": "6150",
        "text": "#"
      },
      {
        "icon": "6151",
        "text": "#"
      },
      {
        "icon": "6160",
        "text": "#"
      },
      {
        "icon": "6500",
        "text": "#"
      },
      {
        "icon": "6510",
        "text": "#"
      },
      {
        "icon": "6520",
        "text": "#"
      },
      {
        "icon": "6530",
        "text": "#"
      },
      {
        "icon": "7000",
        "text": "#"
      },
      {
        "icon": "7010",
        "text": "#"
      },
      {
        "icon": "7011",
        "text": "#"
      },
      {
        "icon": "7012",
        "text": "#"
      },
      {
        "icon": "7020",
        "text": "#"
      },
      {
        "icon": "7021",
        "text": "#"
      },
      {
        "icon": "7030",
        "text": "#"
      },
      {
        "icon": "7040",
        "text": "#"
      },
      {
        "icon": "7045",
        "text": "#"
      },
      {
        "icon": "7046",
        "text": "#"
      },
      {
        "icon": "7050",
        "text": "#"
      },
      {
        "icon": "7051",
        "text": "#"
      },
      {
        "icon": "7052",
        "text": "#"
      },
      {
        "icon": "7053",
        "text": "#"
      },
      {
        "icon": "7054",
        "text": "#"
      },
      {
        "icon": "7060",
        "text": "#"
      },
      {
        "icon": "7061",
        "text": "#"
      },
      {
        "icon": "7062",
        "text": "#"
      },
      {
        "icon": "7070",
        "text": "#"
      },
      {
        "icon": "7071",
        "text": "#"
      },
      {
        "icon": "7080",
        "text": "#"
      },
      {
        "icon": "7081",
        "text": "#"
      },
      {
        "icon": "7090",
        "text": "#"
      },
      {
        "icon": "7100",
        "text": "#"
      },
      {
        "icon": "7110",
        "text": "#"
      },
      {
        "icon": "7111",
        "text": "#"
      },
      {
        "icon": "7112",
        "text": "#"
      },
      {
        "icon": "7113",
        "text": "#"
      },
      {
        "icon": "7200",
        "text": "#"
      },
      {
        "icon": "7201",
        "text": "#"
      },
      {
        "icon": "7210",
        "text": "#"
      },
      {
        "icon": "7220",
        "text": "#"
      },
      {
        "icon": "7230",
        "text": "#"
      },
      {
        "icon": "8000",
        "text": "#"
      },
      {
        "icon": "8001",
        "text": "#"
      },
      {
        "icon": "8010",
        "text": "#"
      },
      {
        "icon": "8020",
        "text": "#"
      },
      {
        "icon": "8021",
        "text": "#"
      },
      {
        "icon": "8030",
        "text": "#"
      },
      {
        "icon": "8040",
        "text": "#"
      },
      {
        "icon": "8041",
        "text": "#"
      },
      {
        "icon": "8042",
        "text": "#"
      },
      {
        "icon": "8050",
        "text": "#"
      },
      {
        "icon": "8051",
        "text": "#"
      },
      {
        "icon": "8060",
        "text": "#"
      },
      {
        "icon": "8062",
        "text": "#"
      },
      {
        "icon": "8070",
        "text": "#"
      },
      {
        "icon": "8071",
        "text": "#"
      },
      {
        "icon": "8072",
        "text": "#"
      },
      {
        "icon": "8080",
        "text": "#"
      },
      {
        "icon": "8081",
        "text": "#"
      },
      {
        "icon": "8082",
        "text": "#"
      },
      {
        "icon": "8083",
        "text": "#"
      },
      {
        "icon": "8084",
        "text": "#"
      },
      {
        "icon": "8085",
        "text": "#"
      },
      {
        "icon": "8090",
        "text": "#"
      },
      {
        "icon": "8091",
        "text": "#"
      },
      {
        "icon": "8092",
        "text": "#"
      },
      {
        "icon": "8100",
        "text": "#"
      },
      {
        "icon": "8101",
        "text": "#"
      },
      {
        "icon": "8102",
        "text": "#"
      },
      {
        "icon": "8103",
        "text": "#"
      },
      {
        "icon": "8110",
        "text": "#"
      },
      {
        "icon": "x010",
        "text": "#"
      },
      {
        "icon": "x011",
        "text": "#"
      },
      {
        "icon": "x012",
        "text": "#"
      },
      {
        "icon": "x013",
        "text": "#"
      },
      {
        "icon": "x014",
        "text": "#"
      },
      {
        "icon": "x021",
        "text": "#"
      },
      {
        "icon": "x022",
        "text": "#"
      },
      {
        "icon": "x031",
        "text": "#"
      },
      {
        "icon": "x032",
        "text": "#"
      },
      {
        "icon": "x041",
        "text": "#"
      },
      {
        "icon": "x042",
        "text": "#"
      },
      {
        "icon": "x050",
        "text": "#"
      },
      {
        "icon": "x060",
        "text": "#"
      },
      {
        "icon": "x061",
        "text": "#"
      },
      {
        "icon": "x062",
        "text": "#"
      },
      {
        "icon": "x063",
        "text": "#"
      },
      {
        "icon": "x069",
        "text": "#"
      },
      {
        "icon": "x070",
        "text": "#"
      },
      {
        "icon": "x071",
        "text": "#"
      },
      {
        "icon": "x080",
        "text": "#"
      },
      {
        "icon": "x081",
        "text": "#"
      },
      {
        "icon": "x082",
        "text": "#"
      },
      {
        "icon": "x083",
        "text": "#"
      },
      {
        "icon": "x090",
        "text": "#"
      },
      {
        "icon": "x091",
        "text": "#"
      },
      {
        "icon": "x092",
        "text": "#"
      },
      {
        "icon": "x093",
        "text": "#"
      },
      {
        "icon": "x094",
        "text": "#"
      },
       {
        "icon": "x099",
        "text": "#"
      }
    ]
  },

贴吧

"贴吧":{
    "type": "image",
    "name": "tieba",
    "container":[
      {
        "icon": "Y.tb1",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb2",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb3",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb4",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb5",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb6",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb7",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb8",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb9",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb10",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb11",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb12",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb13",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb14",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb15",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb17",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb18",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb19",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb20",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb23",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb24",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb25",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb26",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb27",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb28",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb29",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb30",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb31",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb32",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb33",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb34",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb35",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb36",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb37",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb38",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb39",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb40",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb41",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb42",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb43",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb44",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb45",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb46",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb47",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb48",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb49",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb50",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb51",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb52",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb53",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb54",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb55",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb56",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb57",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb58",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb59",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb60",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb61",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb62",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb63",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb64",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb65",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb66",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb67",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb68",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb69",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb70",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb71",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb72",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb73",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb74",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb75",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb76",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb77",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb78",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb79",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb80",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb81",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb82",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb83",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb84",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb85",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb86",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb87",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb88",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb89",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb90",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb91",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb92",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb93",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb94",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb95",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb96",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb97",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb98",
        "text": "贴吧"
      },
      {
        "icon": "Y.tb99",
        "text": "贴吧"
      }

    ]

  },

微博

"微博":{
    "type": "image",
    "name": "weibo",
    "container":[
      {
        "icon": "Y.wb1",
        "text": "微博"
      },
      {
        "icon": "Y.wb2",
        "text": "微博"
      },
      {
        "icon": "Y.wb3",
        "text": "微博"
      },
      {
        "icon": "Y.wb4",
        "text": "微博"
      },
      {
        "icon": "Y.wb5",
        "text": "微博"
      },
      {
        "icon": "Y.wb6",
        "text": "微博"
      },
      {
        "icon": "Y.wb7",
        "text": "微博"
      },
      {
        "icon": "Y.wb8",
        "text": "微博"
      },
      {
        "icon": "Y.wb9",
        "text": "微博"
      },
      {
        "icon": "Y.wb10",
        "text": "微博"
      },
      {
        "icon": "Y.wb11",
        "text": "微博"
      },
      {
        "icon": "Y.wb12",
        "text": "微博"
      },
      {
        "icon": "Y.wb13",
        "text": "微博"
      },
      {
        "icon": "Y.wb14",
        "text": "微博"
      },
      {
        "icon": "Y.wb15",
        "text": "微博"
      },
      {
        "icon": "Y.wb16",
        "text": "微博"
      },
      {
        "icon": "Y.wb17",
        "text": "微博"
      },
      {
        "icon": "Y.wb18",
        "text": "微博"
      },
      {
        "icon": "Y.wb19",
        "text": "微博"
      },
      {
        "icon": "Y.wb20",
        "text": "微博"
      },
      {
        "icon": "Y.wb21",
        "text": "微博"
      },
      {
        "icon": "Y.wb22",
        "text": "微博"
      },
      {
        "icon": "Y.wb23",
        "text": "微博"
      },
      {
        "icon": "Y.wb24",
        "text": "微博"
      },
      {
        "icon": "Y.wb25",
        "text": "微博"
      },
      {
        "icon": "Y.wb26",
        "text": "微博"
      },
      {
        "icon": "Y.wb27",
        "text": "微博"
      },
      {
        "icon": "Y.wb28",
        "text": "微博"
      },
      {
        "icon": "Y.wb29",
        "text": "微博"
      },
      {
        "icon": "Y.wb30",
        "text": "微博"
      },
      {
        "icon": "Y.wb31",
        "text": "微博"
      },
      {
        "icon": "Y.wb32",
        "text": "微博"
      },
      {
        "icon": "Y.wb33",
        "text": "微博"
      },
      {
        "icon": "Y.wb34",
        "text": "微博"
      },
      {
        "icon": "Y.wb35",
        "text": "微博"
      },
      {
        "icon": "Y.wb36",
        "text": "微博"
      },
      {
        "icon": "Y.wb37",
        "text": "微博"
      },
      {
        "icon": "Y.wb38",
        "text": "微博"
      },
      {
        "icon": "Y.wb39",
        "text": "微博"
      },
      {
        "icon": "Y.wb40",
        "text": "微博"
      },
      {
        "icon": "Y.wb41",
        "text": "微博"
      },
      {
        "icon": "Y.wb42",
        "text": "微博"
      },
      {
        "icon": "Y.wb43",
        "text": "微博"
      },
      {
        "icon": "Y.wb44",
        "text": "微博"
      },
      {
        "icon": "Y.wb45",
        "text": "微博"
      },
      {
        "icon": "Y.wb46",
        "text": "微博"
      },
      {
        "icon": "Y.wb47",
        "text": "微博"
      },
      {
        "icon": "Y.wb48",
        "text": "微博"
      },
      {
        "icon": "Y.wb49",
        "text": "微博"
      },
      {
        "icon": "Y.wb50",
        "text": "微博"
      },
      {
        "icon": "Y.wb51",
        "text": "微博"
      },
      {
        "icon": "Y.wb52",
        "text": "微博"
      },
      {
        "icon": "Y.wb53",
        "text": "微博"
      },
      {
        "icon": "Y.wb54",
        "text": "微博"
      },
      {
        "icon": "Y.wb55",
        "text": "微博"
      },
      {
        "icon": "Y.wb56",
        "text": "微博"
      },
      {
        "icon": "Y.wb57",
        "text": "微博"
      },
      {
        "icon": "Y.wb58",
        "text": "微博"
      },
      {
        "icon": "Y.wb59",
        "text": "微博"
      },
      {
        "icon": "Y.wb60",
        "text": "微博"
      },
      {
        "icon": "Y.wb61",
        "text": "微博"
      },
      {
        "icon": "Y.wb62",
        "text": "微博"
      },
      {
        "icon": "Y.wb63",
        "text": "微博"
      },
      {
        "icon": "Y.wb64",
        "text": "微博"
      },
      {
        "icon": "Y.wb65",
        "text": "微博"
      },
      {
        "icon": "Y.wb66",
        "text": "微博"
      },
      {
        "icon": "Y.wb67",
        "text": "微博"
      },
      {
        "icon": "Y.wb68",
        "text": "微博"
      },
      {
        "icon": "Y.wb69",
        "text": "微博"
      },
      {
        "icon": "Y.wb70",
        "text": "微博"
      },
      {
        "icon": "Y.wb71",
        "text": "微博"
      },
      {
        "icon": "Y.wb72",
        "text": "微博"
      },
      {
        "icon": "Y.wb73",
        "text": "微博"
      },
      {
        "icon": "Y.wb74",
        "text": "微博"
      },
      {
        "icon": "Y.wb75",
        "text": "微博"
      },
      {
        "icon": "Y.wb76",
        "text": "微博"
      },
      {
        "icon": "Y.wb77",
        "text": "微博"
      },
      {
        "icon": "Y.wb78",
        "text": "微博"
      },
      {
        "icon": "Y.wb79",
        "text": "微博"
      },
      {
        "icon": "Y.wb80",
        "text": "微博"
      },
      {
        "icon": "Y.wb81",
        "text": "微博"
      },
      {
        "icon": "Y.wb82",
        "text": "微博"
      },
      {
        "icon": "Y.wb83",
        "text": "微博"
      },
      {
        "icon": "Y.wb84",
        "text": "微博"
      },
      {
        "icon": "Y.wb85",
        "text": "微博"
      },
      {
        "icon": "Y.wb86",
        "text": "微博"
      },
      {
        "icon": "Y.wb87",
        "text": "微博"
      },
      {
        "icon": "Y.wb88",
        "text": "微博"
      },
      {
        "icon": "Y.wb89",
        "text": "微博"
      },
      {
        "icon": "Y.wb90",
        "text": "微博"
      },
      {
        "icon": "Y.wb91",
        "text": "微博"
      },
      {
        "icon": "Y.wb92",
        "text": "微博"
      },
      {
        "icon": "Y.wb93",
        "text": "微博"
      },
      {
        "icon": "Y.wb94",
        "text": "微博"
      },
      {
        "icon": "Y.wb95",
        "text": "微博"
      },
      {
        "icon": "Y.wb96",
        "text": "微博"
      },
      {
        "icon": "Y.wb97",
        "text": "微博"
      },
      {
        "icon": "Y.wb98",
        "text": "微博"
      },
      {
        "icon": "Y.wb99",
        "text": "微博"
            },
      {
        "icon": "Y.wb100",
        "text": "微博"
      },
      {
        "icon": "Y.wb101",
        "text": "微博"
      },
      {
        "icon": "Y.wb102",
        "text": "微博"
      },
      {
        "icon": "Y.wb103",
        "text": "微博"
      },
      {
        "icon": "Y.wb104",
        "text": "微博"
      },
      {
        "icon": "Y.wb105",
        "text": "微博"
      },
      {
        "icon": "Y.wb106",
        "text": "微博"
      },
      {
        "icon": "Y.wb107",
        "text": "微博"
      },
      {
        "icon": "Y.wb108",
        "text": "微博"
      },
      {
        "icon": "Y.wb109",
        "text": "微博"
      },
      {
        "icon": "Y.wb110",
        "text": "微博"
      },
      {
        "icon": "Y.wb111",
        "text": "微博"
      },
      {
        "icon": "Y.wb112",
        "text": "微博"
      }
    ]
  },

"QQ":{
    "type": "image",
    "name": "QQ",
    "container":[
      {
        "icon": "Y.qq1",
        "text": "QQ"
      },
      {
        "icon": "Y.qq2",
        "text": "QQ"
      },
      {
        "icon": "Y.qq3",
        "text": "QQ"
      },
      {
        "icon": "Y.qq4",
        "text": "QQ"
      },
      {
        "icon": "Y.qq5",
        "text": "QQ"
      },
      {
        "icon": "Y.qq6",
        "text": "QQ"
      },
      {
        "icon": "Y.qq7",
        "text": "QQ"
      },
      {
        "icon": "Y.qq8",
        "text": "QQ"
      },
      {
        "icon": "Y.qq9",
        "text": "QQ"
      },
      {
        "icon": "Y.qq10",
        "text": "QQ"
      },
      {
        "icon": "Y.qq11",
        "text": "QQ"
      },
      {
        "icon": "Y.qq12",
        "text": "QQ"
      },
      {
        "icon": "Y.qq13",
        "text": "QQ"
      },
      {
        "icon": "Y.qq14",
        "text": "QQ"
      },
      {
        "icon": "Y.qq15",
        "text": "QQ"
      },
      {
        "icon": "Y.qq17",
        "text": "QQ"
      },
      {
        "icon": "Y.qq18",
        "text": "QQ"
      },
      {
        "icon": "Y.qq19",
        "text": "QQ"
      },
      {
        "icon": "Y.qq20",
        "text": "QQ"
      },
      {
        "icon": "Y.qq23",
        "text": "QQ"
      },
      {
        "icon": "Y.qq24",
        "text": "QQ"
      },
      {
        "icon": "Y.qq25",
        "text": "QQ"
      },
      {
        "icon": "Y.qq26",
        "text": "QQ"
      },
      {
        "icon": "Y.qq27",
        "text": "QQ"
      },
      {
        "icon": "Y.qq28",
        "text": "QQ"
      },
      {
        "icon": "Y.qq29",
        "text": "QQ"
      },
      {
        "icon": "Y.qq30",
        "text": "QQ"
      },
      {
        "icon": "Y.qq31",
        "text": "QQ"
      },
      {
        "icon": "Y.qq32",
        "text": "QQ"
      },
      {
        "icon": "Y.qq33",
        "text": "QQ"
      },
      {
        "icon": "Y.qq34",
        "text": "QQ"
      },
      {
        "icon": "Y.qq35",
        "text": "QQ"
      },
      {
        "icon": "Y.qq36",
        "text": "QQ"
      },
      {
        "icon": "Y.qq37",
        "text": "QQ"
      },
      {
        "icon": "Y.qq38",
        "text": "QQ"
      },
      {
        "icon": "Y.qq39",
        "text": "QQ"
      },
      {
        "icon": "Y.qq40",
        "text": "QQ"
      },
      {
        "icon": "Y.qq41",
        "text": "QQ"
      },
      {
        "icon": "Y.qq42",
        "text": "QQ"
      },
      {
        "icon": "Y.qq43",
        "text": "QQ"
      },
      {
        "icon": "Y.qq44",
        "text": "QQ"
      },
      {
        "icon": "Y.qq45",
        "text": "QQ"
      },
      {
        "icon": "Y.qq46",
        "text": "QQ"
      },
      {
        "icon": "Y.qq47",
        "text": "QQ"
      },
      {
        "icon": "Y.qq48",
        "text": "QQ"
      },
      {
        "icon": "Y.qq49",
        "text": "QQ"
      },
      {
        "icon": "Y.qq50",
        "text": "QQ"
      },
      {
        "icon": "Y.qq51",
        "text": "QQ"
      },
      {
        "icon": "Y.qq52",
        "text": "QQ"
      },
      {
        "icon": "Y.qq53",
        "text": "QQ"
      },
      {
        "icon": "Y.qq54",
        "text": "QQ"
      },
      {
        "icon": "Y.qq55",
        "text": "QQ"
      },
      {
        "icon": "Y.qq56",
        "text": "QQ"
      },
      {
        "icon": "Y.qq57",
        "text": "QQ"
      },
      {
        "icon": "Y.qq58",
        "text": "QQ"
      },
      {
        "icon": "Y.qq59",
        "text": "QQ"
      },
      {
        "icon": "Y.qq60",
        "text": "QQ"
      },
      {
        "icon": "Y.qq61",
        "text": "QQ"
      },
      {
        "icon": "Y.qq62",
        "text": "QQ"
      },
      {
        "icon": "Y.qq63",
        "text": "QQ"
      },
      {
        "icon": "Y.qq64",
        "text": "QQ"
      },
      {
        "icon": "Y.qq65",
        "text": "QQ"
      },
      {
        "icon": "Y.qq66",
        "text": "QQ"
      },
      {
        "icon": "Y.qq67",
        "text": "QQ"
      },
      {
        "icon": "Y.qq68",
        "text": "QQ"
      },
      {
        "icon": "Y.qq69",
        "text": "QQ"
      },
      {
        "icon": "Y.qq70",
        "text": "QQ"
      },
      {
        "icon": "Y.qq71",
        "text": "QQ"
      },
      {
        "icon": "Y.qq72",
        "text": "QQ"
      },
      {
        "icon": "Y.qq73",
        "text": "QQ"
      },
      {
        "icon": "Y.qq74",
        "text": "QQ"
      },
      {
        "icon": "Y.qq75",
        "text": "QQ"
      },
      {
        "icon": "Y.qq76",
        "text": "QQ"
      },
      {
        "icon": "Y.qq77",
        "text": "QQ"
      },
      {
        "icon": "Y.qq78",
        "text": "QQ"
      },
      {
        "icon": "Y.qq79",
        "text": "QQ"
      },
      {
        "icon": "Y.qq80",
        "text": "QQ"  
      }
    ]
  },

emoji

"emoji":{
    "type": "image",
    "name": "emoji",
    "container":[
      {
        "icon": "Y.emoji1",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji2",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji3",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji4",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji5",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji6",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji7",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji8",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji9",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji10",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji11",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji12",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji13",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji14",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji15",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji17",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji18",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji19",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji20",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji23",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji24",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji25",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji26",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji27",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji28",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji29",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji30",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji31",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji32",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji33",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji34",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji35",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji36",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji37",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji38",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji39",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji40",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji41",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji42",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji43",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji44",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji45",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji46",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji47",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji48",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji49",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji50",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji51",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji52",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji53",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji54",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji55",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji56",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji57",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji58",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji59",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji60",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji61",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji62",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji63",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji64",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji65",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji66",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji67",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji68",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji69",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji70",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji71",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji72",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji73",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji74",
        "text": "emoji"
      },
      {
        "icon": "Y.emoji75",
        "text": "emoji"
      }
    ]
  },

蛆音娘

"蛆音娘": {
    "name": "quyin",
    "type": "image",
    "container": [
      {
        "icon": "hematemesis",
        "text": "吐血"
      },
      {
        "icon": "1huaji",
        "text": "滑稽"
      },
      {
        "icon": "amazing",
        "text": "吃惊"
      },
      {
        "icon": "angry",
        "text": "生气"
      },
      {
        "icon": "cry",
        "text": "哭泣"
      },
      {
        "icon": "die",
        "text": "die"
      },
      {
        "icon": "doubt",
        "text": "疑问"
      },
      {
        "icon": "feizao",
        "text": "肥皂"
      },
      {
        "icon": "fue",
        "text": "扶额"
      },
      {
        "icon": "heng",
        "text": "哼"
      },
      {
        "icon": "laughing",
        "text": "大笑"
      },
      {
        "icon": "look",
        "text": "偷看"
      },
      {
        "icon": "maimeng",
        "text": "卖萌"
      },
      {
        "icon": "OK",
        "text": "OK！"
      },
      {
        "icon": "scare",
        "text": "吓死宝宝惹"
      },
      {
        "icon": "shakinghead",
        "text": "摇头"
      },
      {
        "icon": "sleep",
        "text": "睡觉"
      },
      {
        "icon": "speechless",
        "text": "无语"
      },
      {
        "icon": "watermaleon",
        "text": "吃瓜"
      },
      {
        "icon": "witty",
        "text": "机智"
      }
    ]
  },

bilibili

"哔哩哔哩":{
    "type": "image",
    "name": "bilibili",
    "container":[
      {
        "icon": "baiyan",
        "text": "白眼"
      },
      {
        "icon": "bishi",
        "text": "鄙视"
      },
      {
        "icon": "bizui",
        "text": "闭嘴"
      },
      {
        "icon": "chan",
        "text": "馋"
      },
      {
        "icon": "daku",
        "text": "大哭"
      },
      {
        "icon": "dalao",
        "text": "大佬"
      },
      {
        "icon": "dalian",
        "text": "打脸"
      },{
        "icon": "dianzan",
        "text": "点赞"
      },{
        "icon": "doge",
        "text": "doge"
      },
      {
        "icon": "facai",
        "text": "发财"
      },{
        "icon": "fadai",
        "text": "发呆"
      },{
        "icon": "fanu",
        "text": "发怒"
      },{
        "icon": "ganga",
        "text": "尴尬"
      },{
        "icon": "guzhang",
        "text": "鼓掌"
      },{
        "icon": "haixiu",
        "text": "害羞"
      },{
        "icon": "heirenwenhao",
        "text": "黑人问号"
      },{
        "icon": "huaixiao",
        "text": "坏笑"
      },{
        "icon": "jingxia",
        "text": "惊吓"
      },{
        "icon": "keai",
        "text": "可爱"
      },{
        "icon": "koubi",
        "text": "抠鼻"
      },{
        "icon": "kun",
        "text": "困"
      },{
        "icon": "liubixie",
        "text": "流鼻血"
      },{
        "icon": "liuhan",
        "text": "流汗"
      },
      {
        "icon": "miantian",
        "text": "腼腆"
      },{
        "icon": "nanguo",
        "text": "难过"
      },{
        "icon": "outu",
        "text": "呕吐"
      },{
        "icon": "qinqin",
        "text": "亲亲"
      },{
        "icon": "se",
        "text": "色"
      },{
        "icon": "shengbing",
        "text": "生病"
      },{
        "icon": "shengqi",
        "text": "生气"
      },{
        "icon": "shuizhao",
        "text": "睡着"
      },{
        "icon": "sikao",
        "text": "思考"
      },{
        "icon": "tiaopi",
        "text": "调皮"
      },{
        "icon": "touxiao",
        "text": "偷笑"
      },{
        "icon": "tuxie",
        "text": "吐血"
      },{
        "icon": "weiqu",
        "text": "委屈"
      },{
        "icon": "weixiao",
        "text": "微笑"
      },{
        "icon": "wunai",
        "text": "无奈"
      },{
        "icon": "xiaoku",
        "text": "笑哭"
      },{
        "icon": "xieyanxiao",
        "text": "斜眼笑"
      },{
        "icon": "yiwen",
        "text": "疑问"
      },{
        "icon": "yun",
        "text": "晕"
      },{
        "icon": "zaijian",
        "text": "再见"
      },{
        "icon": "zhuakuang",
        "text": "抓狂"
      }
    ]
  },

表情包过大解决办法

在自定义CSS处添加如下代码即可，注意emotion-后面即为表情名字，即OwO.json文件里的name。
每个表情包都要写一个css添加进去才可以。以本博客为例：

/* Emoji大小调整 */
.emotion-QQ {width:35px;}
.emotion-aru {width:35px;}
.emotion-bilibili {width:35px;}
.emotion-weibo {width:35px;}
.emotion-quyin {width:35px;}
.emotion-tieba {width:35px;}

插件推荐

UserAgent插件v1.1.1

显示评论人使用的操作系统和浏览器信息

UserAgent插件

插件截图

1.请先将插件置于plugins目录下，且插件目录名应为UserAgent，注意大小写，否则将无法正常食用！！！
2.修改Handsome主题，component/comments.php代码文件，大概第83行左右

<?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>

获取真实IP
博客开启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];
}

自动生成Sitemap插件v1.3.2

自动生成Sitemap插件

插件截图

将压缩包内文件夹Sitemap上传到plugins目录
功能
生成 sitemap包含首页、独立页面、分类、标签、文章
推送百度搜索资源平台，目前仅支持普通收录推送

评论邮件提醒插件CommentNotifier v1.2.9

评论邮件提醒插件

插件截图

将压缩包内文件夹上传到plugins目录
功能
有新评论时会自动发送邮件提醒

检测异常友链插件AbnormalLinks v1.0.1

检测异常友链插件

插件截图：

将压缩包内文件夹上传到plugins目录
插件只需开启，无需其他设置，直接一键检测即可，检测完可一键设置为失效链接

炫彩鼠标插件HoerMouse v1.3.0

炫彩鼠标插件

插件截图：

将压缩包内文件夹上传到plugins目录
插件内置7款鼠标样式和3款点击样式，简单设置即可

b站追番插件Mo66CnBilifan v1.0.3

b站追番插件

插件截图：

将压缩包内文件夹上传到plugins目录
新增追番独立页面（Handsome官方文档有介绍这里就不多讲了）配合插件使用
这里我将下如何获取b站UID以及B站cookie
登录b站后，点击头像，按F12键，刷新下页面，选择“网络”-再找到nav-复制整段cookie即可

数据库自动备份至邮箱插件 AutoBackup v1.3.2

数据库自动备份至邮箱插件

插件截图：

放到 plugins 目录，在后台启用插件，插件进行简单配置，添加邮箱发送信息。
然后在宝塔面板添加计划任务，每天备份一次即可

外部链接转换内部链接ShortLinks v1.2.0

外部链接转换内部链接

插件截图：

将压缩包内文件夹上传到plugins目录
插件内置6款跳转模板，可自行选择

代码语法高亮插件 CodePrettify v2.1.5

代码语法高亮插件

插件截图：

激活
1、进入Typecho后台启用插件
2、关闭Hansome内置高亮：主题增强功能->启用主题内置代码高亮，取消勾选
3、将以下代码添加到主题增强功能：PJAX->PJAX回调函数

if (typeof Prism !== 'undefined') {
var pres = document.getElementsByTagName('pre');
                for (var i = 0; i < pres.length; i++){
                    if (pres[i].getElementsByTagName('code').length > 0)
                        pres[i].className  = 'line-numbers';}
Prism.highlightAll(true,null);}

4、将以下代码添加到主题设置后台：开发者设置->自定义 CSS

/*代码高亮激活*/
#post-content pre code {
    display:block;
    overflow-x:auto;
    position:relative;
    margin:0;
    padding-left:50px;
}
pre code {
    position:relative;
    display:block;
    overflow-x:auto;
    margin:4.4px 0.px .4px 1px;
    padding:0;
    max-height:500px;
    padding-left:3.5em
}

使用

\\```php(语言类型必填)
<?php echo 'hello jrotty!'; ?>
\\```

注意：实际使用没有\\，这里是防止Markdown错误解析
GitHub：https://github.com/Xcnte/Code-Prettify-for-typecho

友链自助申请插件ErcerLink v1.0.7

友链自助申请插件

插件截图：

提交友链申请后，在Typecho后台友情链接里显示失效链接，修改下即可

后台美化插件SimpleAdmin v1.2.3

后台美化插件

插件截图：

上传后插件目录/usr/plugins名修改为SimpleAdmin，否则启用不了
介绍

插件，即插即用
安全，不会破坏您的原有文件
轻量级，几乎纯js,css修改
支持 gogobody
原创的黑暗模式
手机，pc 自适应
界面绝对简洁

GitHub：https://github.com/gogobody/SimpleAdmin

标签自动生成插件AutoTags v1.0.0

标签自动生成插件

插件截图：

插件上传到目录/usr/plugins文件名修改为AutoTags
发布文章时会自动生成5个插件

好了，暂时没有了如果您有更多的Handsome主题修改方法欢迎在评论区提出！感谢支持！

最后修改：2023 年 01 月 26 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 * （请使用真实邮箱地址，方便及时接收评论回复！）

打卡

私密评论

名称 *

🎲

邮箱 *

地址

25 条评论

tnanzywvxa
November 16th, 2024 at 03:04 pm

你的文章让我心情愉悦，每天都要来看一看。 http://www.55baobei.com/LQ8i6PJXdm.html

回复
气魄的男人
May 23rd, 2023 at 01:37 pm

请问博主首页的文章头图模糊作为背景是怎么操作的？谢谢

回复
挺胸的大黄
May 6th, 2023 at 11:11 am

很棒的总结，对我有帮助

回复
阿释
February 27th, 2023 at 10:02 pm

从这里学习了很多，也给自己设置了一些。
感谢分享哦。

回复
0.0
February 27th, 2023 at 10:32 am

博客名称：三百斤的窜天猴
博客地址: https://esxdidi.com
博客 Logo: https://esxdidi.com/touxiang.jpg
博客简介：我不是，我没有，别瞎说。
已加友链，你申请友链页面点评论没反应，
照着你的博客抄了半天，才发现你是运城人耶
另外发现个问题，我这导航栏加了天气和自助申请友链插件后，随着网页宽度变小，导航栏乱了，不知道咋解决如图
![1677465077137.jpg](https://mjjzp.cf/img/2023/02/27/234cd7594cf47.jpg)

回复
1. 0.0
  February 27th, 2023 at 10:33 am
  
  @0.0
  
  奇怪的，图片链接没加载出来呢
  [![1677465077137.jpg](https://mjjzp.cf/img/2023/02/27/234cd7594cf47.jpg)](https://mjjzp.cf/img/2023/02/27/234cd7594cf47.jpg)
  
  回复
TuJun
January 28th, 2023 at 04:41 pm

::quyin:hematemesis::

回复
TuJun
January 28th, 2023 at 04:40 pm

::bilibili:baiyan::

回复
1. 潜心学习的女士 2
  February 18th, 2023 at 06:12 pm
  
  @TuJun
  
  滴！学生卡！打卡时间：18:12:01，请上车的乘客系好安全带~
  
  回复
。
December 20th, 2022 at 10:17 pm

大佬,那个字体的路径是啥，填了好多试好久都没反应，能发下你的路径我参考以下吗

回复
1. TuJun
  December 21st, 2022 at 08:47 pm
  
  @。
  
  这个字体放哪都可以啊关键是css代码里要填对字体路径
  
  回复
不知名的贫僧
December 7th, 2022 at 10:05 pm

请问一下用的编辑器是什么？

回复
1. TuJun
  December 7th, 2022 at 10:29 pm
  
  @不知名的贫僧
  
  就是typecho的默认编辑器啊
  
  回复
  1. 小有名气的女士
    December 7th, 2022 at 10:31 pm
    
    @TuJun
    
    请问一下开头的这三个和这些代码怎么弄成就是压缩的呀？
    
    回复
    
    TuJun
    December 7th, 2022 at 10:36 pm
    
    @小有名气的女士
    
    开头那三个是“插入高亮”，代码压缩是“插入伸缩框”，在编辑器上边那一排都是有的，如果还不会可以加我QQ782222541
    
    回复
刚下飞机的贫僧
November 13th, 2022 at 10:52 pm

博主首页文章切分样式是怎么制作的

回复
1. TuJun
  November 13th, 2022 at 11:17 pm
  
  @刚下飞机的贫僧
  
  请参考本文“小版图模式下列表美化(小图斜切效果)”，ctrl+f搜索一下
  
  回复
。
October 29th, 2022 at 04:40 pm

万分感谢博主能够写出如此详细的文章

回复
空禾
October 20th, 2022 at 10:54 pm

感谢博主的分享

回复
拾柒
September 26th, 2022 at 11:22 pm

老哥，你这个是啥字体啊？而且我按照这种方式换了个字体上去，直接卡爆

回复
1. TuJun
  September 26th, 2022 at 11:26 pm
  
  @拾柒
  
  荆南麦圆体
  
  回复
  1. 拾柒
    September 26th, 2022 at 11:27 pm
    
    @TuJun
    
    好的，多谢
    
    回复
蓝魔
September 19th, 2022 at 12:39 am

整个网站加了太多东西，卡死了

回复
1. TuJun
  September 19th, 2022 at 10:25 pm
  
  @蓝魔
  
  应该是这篇博文篇幅太长，折叠代码太多导致的，首页和其他文章还好吧
  
  回复
  1. 蓝魔
    September 19th, 2022 at 11:39 pm
    
    @TuJun
    
    卡成狗了，最好保持首页在1到2秒加载完成
    
    回复

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

本博客之Typecho Handsome主题美化记录

TuJun • 2022 年 08 月 20 日

这篇文章作为本站美化的记录，有新增时会实时更新。
</div><br><div class="tip inlineBlock warning">

如果您有好玩的效果也欢迎在评论区提出，若可以的话我也会加到文章并实现其效果。
</div><br><div class="tip inlineBlock success">

更新时间：2022年8月23日12:14:34
</div></p><h1>说明</h1><p>该站的所有修改项均在本文列出，实际效果看本站即可。若您也想拥有类似的效果，欢迎借鉴~~<br>注意：以下代码出现<code>/* */</code> 、<code>&lt;!-- --&gt;</code>或<code>//</code>字符均为注释，即不会有实际效果，仅仅是给人看的一个标记。<br>在这里不建议删除，因为会影响后期修改时的辨别。悉知~</p><p>为了给小白讲明白，这里记录的已经很细了。老博主的话，拿着代码按自己意愿改即可，懂得都懂~</p><h1>本站环境</h1><p>Typecho：1.2.0正式版<br>HandSome：8.4.1 Pro<br>其他版本的Typecho和HandSome不确定其可行性，请自行测试~<br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-eb1f3212a8e294269f15e290048ac45195" aria-expanded="true"><div class="accordion-toggle"><span style="">Handsome主题文件目录结构</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-eb1f3212a8e294269f15e290048ac45195" class="collapse collapse-content"><p></p></p><pre><code class="lang-Shell">component/comments.php     评论区
component/footer.php       底部版权、音乐播放器之类
component/header.php       页面头，没啥要改的
component/headnav.php      顶部导航
component/say.php          时光机动态
component/sidebar.php      右侧栏目
component/third_party_comments.php    3.3.0新增，第三方评论
css/        博客CSS，一般不要改
fonts/      博客字体，一般不要改
img/        图像，一般不要改
js/         js文件，一般不要改
lang/       语言文件
libs/Content.php    文章内容
libs/...    一般不要改
usr/        另一个语言文件？
404.php     404界面
archive.php    整合
booklist.php   书单
cross.php      时光机
files.php      归档
functions.php  配置界面的东西
guestbook.php  留言板
index.php      首页
links.php      友链
page.php       文章页面整合
post.php       文章输出

color： 选填，不填默认为success（绿色），可选值：
light：白色
info：蓝色
dark：深色
success：绿色
black：黑色
warning：黄色
primary：紫色
danger：红色</code></pre><p><p></p></div></div></div></p><h1>基础设置</h1><h3>开启全站HTTPS</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-5941815262249772d360987e563fdd5976" aria-expanded="true"><div class="accordion-toggle"><span style="">开启全站HTTPS</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-5941815262249772d360987e563fdd5976" class="collapse collapse-content"><p></p>1、首先在宝塔或通过配置文件给你的网站配置好证书，并开启强制<code>HTTPS</code><img src="https://img03.sogoucdn.com/app/a/200692/353_445_feedback_abaae3363e604ec1b36b9acde2286de6.png" alt="" title="" style="">2、去网站后台，找到<code>设置 -&gt; 基本设置 -&gt; 站点地址</code>将其改为https开头的网址。</p><p><p></p></div></div></div></p><h3>添加GZIP压缩</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-e22f8ed7b2f7a0fbea843ddb8f0f62a129" aria-expanded="true"><div class="accordion-toggle"><span style="">添加GZIP压缩</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-e22f8ed7b2f7a0fbea843ddb8f0f62a129" class="collapse collapse-content"><p></p>这个主要是减小带宽压力，以达到加快网站加速速度的目的。<br>和上面的HTTPS一样，在<code>config.inc.php</code>内加入以下配置即可：</p><pre><code class="lang-Shell">/** 开启gzip压缩 */
ob_start('ob_gzhandler');</code></pre><p><p></p></div></div></div></p><h3>去掉地址栏的index.php</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-ac5907e6ade46eeb62fb4d4ae78feb4953" aria-expanded="true"><div class="accordion-toggle"><span style="">去掉地址栏的index.php</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-ac5907e6ade46eeb62fb4d4ae78feb4953" class="collapse collapse-content"><p></p>更改前是这样的：<a href="https://www.5k5b.com/index.php/archives/5.html" target="_blank" >https://www.5k5b.com/index.php/archives/5.html</a><br>更改后是这样的：<a href="https://www.5k5b.com/archives/5.html" target="_blank" >https://www.5k5b.com/archives/5.html</a></p><p>首先进入后台，找到<code>设置 - 永久链接</code>，改成如下图所示<img src="https://img01.sogoucdn.com/app/a/200692/931_678_feedback_ab6e9ac21b234ba990c8719a834749a0.png" alt="" title="" style="">然后我们需要配置伪静态规则<br>如果使用的宝塔面板，就在 <code>网站-设置-伪静态-选择Typecho-保存即可</code> <img src="https://img03.sogoucdn.com/app/a/200692/680_518_feedback_ca2f40bb833745a2b4a6b3f70b13fb90.png" alt="" title="" style=""><p></p></div></div></div></p><h3>自定义后台路径</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-02081aa0899eb6425619122a2c72459438" aria-expanded="true"><div class="accordion-toggle"><span style="">自定义后台路径</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-02081aa0899eb6425619122a2c72459438" class="collapse collapse-content"><p></p>1、将<code>Typecho</code>程序根目录中的后台文件夹<code>&quot;admin&quot;</code>改名，名字即为你想自定义的地址名，例如：将<code>&quot;admin&quot;</code>改为<code>&quot;xxx&quot;</code><br>2、修改根目录文件<code>&quot;config.inc.php&quot;</code>，打开该文件后找到</p><pre><code class="lang-Shell">/* 后台路径(相对路径) /
define(' **TYPECHO_ADMIN_DIR** ', '/admin/');</code></pre><p>将代码中<code>&quot;admin&quot;</code>改为你自定义的地址，例如：<code>xxx</code><br>这样一来，我们的<code>Typecho</code>程序网站的后台就改成：域名<code>/xxx</code>了<br><p></p></div></div></div></p><h3>使Typecho支持emoji</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d94bd8ea68a5259b77dfbf38b1bd375427" aria-expanded="true"><div class="accordion-toggle"><span style="">使Typecho支持emoji</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d94bd8ea68a5259b77dfbf38b1bd375427" class="collapse collapse-content"><p></p>效果</p><blockquote>🔘🔵🟣🟤⚫🔴🟠🟡💰✨🍭🎄</blockquote><pre><code class="lang-SQL">alter table typecho_comments convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_contents convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_fields convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_metas convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_options convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_relationships convert to character set utf8mb4 collate utf8mb4_unicode_ci;
alter table typecho_users convert to character set utf8mb4 collate utf8mb4_unicode_ci;</code></pre><p>执行上述<code>sql</code>语句来修改表的编码，如果用的是宝塔面板和<code>MySQL</code>数据库，一般有可视化的<code>phpmyadmin</code>界面，可以在<code>phpmyadmin</code>的控制台里面执行上面的语句。</p><p>最后将 <code>Typecho</code> 目录下的<code>config.inc.php</code> 配置文件中数据库定义参数中的 <code>charset</code> 为 <code>utf8mb4</code>：</p><pre><code class="lang-PHP">  $db-&gt;addServer(array (
      'host'      =&gt;  localhost, 
      'user'      =&gt;  'root',
      'password'  =&gt;  'root',
      'charset'   =&gt;  'utf8mb4', //修改这一行
      'port'      =&gt;  3306,
      'database'  =&gt;  ''
  ), Typecho_Db::READ | Typecho_Db::WRITE);</code></pre><p><p></p></div></div></div></p><h3>每日新闻 自动更新</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-bee6b6789ce2000ffcd2187e8208d81731" aria-expanded="true"><div class="accordion-toggle"><span style="">每日新闻 自动更新</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-bee6b6789ce2000ffcd2187e8208d81731" class="collapse collapse-content"><p></p>使用方法<br>首先先创建一个独立页面，名称随意，将以下代码放在独立页面内</p><pre><code class="lang-Shell">&lt;img src=&quot;https://api.4rz.cn/zbPhoto.jpg&quot; /&gt;</code></pre><p>在我给大家增加一个接口，二选一 感觉哪个速度快就用哪个</p><pre><code class="lang-Shell">&lt;img src=&quot;http://api.03c3.cn/zb&quot; /&gt;</code></pre><p><p></p></div></div></div></p><h3>文章中嵌入网页</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-99a7c50f14171b37926696594ced0f2285" aria-expanded="true"><div class="accordion-toggle"><span style="">文章中嵌入网页</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-99a7c50f14171b37926696594ced0f2285" class="collapse collapse-content"><p></p>比如在独立页面上放置一个单独的网页页面<br>使用方法<br>在文章中添加代码即可，将链接地址修改为你需要展示的网站地址</p><pre><code class="lang-Shell">&lt;iframe align=&quot;center&quot; width=&quot;100%&quot; height=&quot;740px&quot; src=&quot;链接地址&quot;  frameborder=&quot;no&quot; border=&quot;0&quot;  scrolling=&quot;no&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; &gt;&lt;/iframe&gt;</code></pre><p><p></p></div></div></div></p><h3>时光机栏目增添额外内容</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-db4b17590ad135b5daaa00635b2c8eb856" aria-expanded="true"><div class="accordion-toggle"><span style="">时光机栏目增添额外内容</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-db4b17590ad135b5daaa00635b2c8eb856" class="collapse collapse-content"><p></p>使用方法<br>将以下代码按照需求自行修改后放到主题<code>后台-时光机配置-RSS动态</code>内容配置内即可</p><pre><code class="lang-Shell">{&quot;id&quot;:&quot;iciba&quot;,&quot;name&quot;:&quot;每日一句&quot;,&quot;url&quot;:&quot;https://proxy.attainment.cn/https://rss.attainment.cn/iciba/7/poster&quot;},
{&quot;id&quot;:&quot;oschina&quot;,&quot;name&quot;:&quot;开源中国&quot;,&quot;url&quot;:&quot;https://proxy.attainment.cn/https://rss.attainment.cn/oschina/news&quot;},
{&quot;id&quot;:&quot;bing&quot;,&quot;name&quot;:&quot;Bing 壁纸&quot;,&quot;url&quot;:&quot;https://proxy.attainment.cn/https://rss.attainment.cn/bing&quot;},
{&quot;id&quot;:&quot;sspai&quot;,&quot;name&quot;:&quot;少数派&quot;,&quot;url&quot;:&quot;https://proxy.attainment.cn/https://sspai.com/feed&quot;},
{&quot;id&quot;:&quot;DailyArt&quot;,&quot;name&quot;:&quot;每日艺术&quot;,&quot;url&quot;:&quot;https://proxy.attainment.cn/https://rss.attainment.cn/dailyart/zh&quot;}</code></pre><p><p></p></div></div></div></p><h3>添加左侧导航</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3009ae06cecd0c0c3ee7a1910c3adf4d48" aria-expanded="true"><div class="accordion-toggle"><span style="">添加左侧导航</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3009ae06cecd0c0c3ee7a1910c3adf4d48" class="collapse collapse-content"><p></p>以下代码放在<code>后台-外观设置-高级设置-左侧边栏导航</code>内容请自行更改</p><pre><code class="lang-Shell">{&quot;name&quot;:&quot;名称&quot;,&quot;class&quot;:&quot;图标&quot;,&quot;link&quot;:&quot;链接位置&quot;,&quot;target&quot;:&quot;_blank&quot;}
{&quot;name&quot;:&quot;名称&quot;,&quot;class&quot;:&quot;图标&quot;,&quot;link&quot;:&quot;链接位置&quot;,&quot;target&quot;:&quot;_blank&quot;}</code></pre><p>图标选择：<img src="https://img02.sogoucdn.com/app/a/200692/2048_705_feedback_3cefb4a9048941c6936b1ad6d9aa5274.jpg" alt="" title="" style="">也可选择<a href="https://5k5b.com/go/aHR0cDovL3YzLmJvb3Rjc3MuY29tL2NvbXBvbmVudHMvI2dseXBoaWNvbnM" target="_blank" >Glyphicons 字体图标</a>，<a href="https://5k5b.com/go/aHR0cHM6Ly9mZWF0aGVyaWNvbnMuY29tLw" target="_blank" >feather图标</a><br><p></p></div></div></div></p><h3>自定义音乐播放器音量</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f46d730ea2f7c50a19ecf1f0ff9d007672" aria-expanded="true"><div class="accordion-toggle"><span style="">自定义音乐播放器音量</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f46d730ea2f7c50a19ecf1f0ff9d007672" class="collapse collapse-content"><p></p><code>后台-设置外观-开发者设置-自定义JS</code> 添加以下代码</p><pre><code class="lang-JS">setTimeout(function (){document.querySelector(&quot;.skPlayer-source&quot;).volume=0.3;}, 3000);</code></pre><p>其中<code>volume=0.3</code>为播放器音量控制，默认为<code>0.3</code>支持修改范围为<code>0.0 - 1</code>可自行设置</p><p><p></p></div></div></div></p><h1>美化记录</h1><h2>自定义CSS</h2><p><div class="tip inlineBlock warning">

该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义CSS处<br>部分提到PJAX回调的部分添加到主题后台-外观-外观设置-PJAX-PJAX回调函数内
</div></p><h3>文章标题居中</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-a641c16d460a5264cad2c30d3e7166e864" aria-expanded="true"><div class="accordion-toggle"><span style="">文章标题居中</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-a641c16d460a5264cad2c30d3e7166e864" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*文章标题居中*/
  header.bg-light.lter.wrapper-md {
  text-align: center;
}</code></pre><p><p></p></div></div></div></p><h3>首页标题文字居中</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-548bbd71205115e2211d6c35cb915d1e42" aria-expanded="true"><div class="accordion-toggle"><span style="">首页标题文字居中</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-548bbd71205115e2211d6c35cb915d1e42" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*首页标题文字居中*/
.m-t-none.text-ellipsis.index-post-title.text-title
{
  text-align:center !important;
}</code></pre><p><p></p></div></div></div></p><h3>左上角博客LOGO/博客名称的扫光效果</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-a94edc8a8ad469c63db798be540b034666" aria-expanded="true"><div class="accordion-toggle"><span style="">左上角博客LOGO/博客名称的扫光效果</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-a94edc8a8ad469c63db798be540b034666" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/* logo扫光 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:&quot;&quot;; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}</code></pre><p><p></p></div></div></div></p><h3>左上角博主信息羽毛背景</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-81f3f7d514c2dc369ed5904907bed55a97" aria-expanded="true"><div class="accordion-toggle"><span style="">左上角博主信息羽毛背景</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-81f3f7d514c2dc369ed5904907bed55a97" class="collapse collapse-content"><p></p><code>background:url</code>后面括号里的网址就是羽毛动画的网址，你也可以把它保存下来放到自己网站的根目录的某个位置内，然后将网址改为自己的博客，防止该效果失效（也就是做了个备份的意思，当然如果你嫌麻烦也可以不做）</p><pre><code class="lang-CSS">/* 羽毛_css */
.dropdown.wrapper {
background:url(https://您的博客网址/yumao.webp) right bottom no-repeat;
}</code></pre><p><img src="https://www.5k5b.com/yumao.webp" alt="保存图片上传到您的服务器" title="保存图片上传到您的服务器" style=""><br><p></p></div></div></div></p><h3>鼠标路过头像时放大并旋转</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-319d70e4374fb02b0e1f7060eaf141fe8" aria-expanded="true"><div class="accordion-toggle"><span style="">鼠标路过头像时放大并旋转</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-319d70e4374fb02b0e1f7060eaf141fe8" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/* 鼠标经过头像旋转放大 */
.img-circle {
    border-radius: 50%;
    animation: light 4s ease-in-out infinite;
    transition: all 0.5s;
}
.img-circle:hover {
    transform: scale(1.15) rotate(720deg);
}

@keyframes light {
    0% {
        box-shadow: 0 0 4px #f00;
    }

25% {
        box-shadow: 0 0 16px #0f0;
    }

50% {
        box-shadow: 0 0 4px #00f;
    }

75% {
        box-shadow: 0 0 16px #0f0;
    }

100% {
        box-shadow: 0 0 4px #f00;
    }
}</code></pre><p><p></p></div></div></div></p><h3>首页文章图片获取焦点放大</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3dac934fdbdee8442f7159b33fd6c06218" aria-expanded="true"><div class="accordion-toggle"><span style="">首页文章图片获取焦点放大</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3dac934fdbdee8442f7159b33fd6c06218" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/* 首页文章图片获取焦点放大 */
.item-thumb{
    cursor: pointer;  
    transition: all 0.6s;  
}

.item-thumb:hover{
      transform: scale(1.05);  
}

.item-thumb-small{
    cursor: pointer;  
    transition: all 0.6s;
}

.item-thumb-small:hover{
    transform: scale(1.05);
}</code></pre><p><p></p></div></div></div></p><h3>时光机内圆形头像</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-96883d123902b0cd9b4eb34cdd96d8e729" aria-expanded="true"><div class="accordion-toggle"><span style="">时光机内圆形头像</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-96883d123902b0cd9b4eb34cdd96d8e729" class="collapse collapse-content"><p></p>顾名思义，就是将独立页面-时光机里的头像都更改为圆形(原版是方形圆角样式)</p><pre><code class="lang-CSS">/* 时光机圆形头像 */
.img-square {border-radius: 50%;}
.list-group-item .thumb-sm .img-square {border-radius: 5px;}</code></pre><p><p></p></div></div></div></p><h3>网站右侧滚动条样式</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-825cf9cc1fe71d6e37782b653aaa6ffd7" aria-expanded="true"><div class="accordion-toggle"><span style="">网站右侧滚动条样式</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-825cf9cc1fe71d6e37782b653aaa6ffd7" class="collapse collapse-content"><p></p>此处的<code>#949494;</code>即为滚动条的颜色，你可以去 <a href="https://5k5b.com/go/aHR0cDovL3Rvb2xzLmpiNTEubmV0L3N0YXRpYy9jb2xvcnBpY2tlci8" target="_blank" >http://tools.jb51.net/static/colorpicker/</a> 这个链接去找到你喜欢的颜色然后替换<br>注意：替换的是<code>#</code>后面的<code>6</code>位数字，<code>#</code>不要动~</p><pre><code class="lang-CSS">/* 美化网站右侧滚动条样式 */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar {
    width: 8px;
    height: 6px
}
/*定义滚动条轨道*/ 
::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb {
    background-color: #949494;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 100%,transparent 100%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}</code></pre><p><p></p></div></div></div></p><h3>文章版式阴影化</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-bddc6c81c0d62bba9aedec5abb7c04cd100" aria-expanded="true"><div class="accordion-toggle"><span style="">文章版式阴影化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-bddc6c81c0d62bba9aedec5abb7c04cd100" class="collapse collapse-content"><p></p>可能这个项目看名称比较晦涩，其实就是你现在看到的各个边框散发的蓝(色的)光效果。<br>所有<code>rgba</code>后面的，如<code>26, 169, 255</code>都可以进行修改，它代表的是散发出来的颜色类型。<br>你同样可以去 <a href="https://5k5b.com/go/aHR0cDovL3Rvb2xzLmpiNTEubmV0L3N0YXRpYy9jb2xvcnBpY2tlci8" target="_blank" >http://tools.jb51.net/static/colorpicker/</a> 这个网站去选自己喜欢的颜色，但更改的时候一定注意"标点"，不要出现类似少逗号的问题哦~</p><pre><code class="lang-CSS">/* 首页文章版式阴影颜色 */
.panel{
   box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.panel:hover{
    box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.panel-small{
    box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.panel-small:hover{
    box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35);
}

.app.container {
    box-shadow: 0 0 30px rgba(26, 169, 255, 0.35);
}</code></pre><p><p></p></div></div></div></p><h3>右侧列表导航栏图标颜色</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-459d3d95df7c56bfdf2bed3fa0e2290297" aria-expanded="true"><div class="accordion-toggle"><span style="">右侧列表导航栏图标颜色</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-459d3d95df7c56bfdf2bed3fa0e2290297" class="collapse collapse-content"><p></p>这一项是更改右上方三个图标(大拇指，信息，礼物)的颜色，默认是白色。<br><img src="https://img04.sogoucdn.com/app/a/200692/239_67_feedback_3bb305f2bc2342388ed7c5cb80c7253c.png" alt="" title="" style=""><br>同样<code>#</code>后面的六位数字代表颜色，可以改~</p><pre><code class="lang-CSS">/* 右侧列表导航栏图标颜色 */
.sidebar-icon svg.feather.feather-thumbs-up{color: #ff0000;}
.sidebar-icon svg.feather.feather-message-square{color:#495dc3;}
.sidebar-icon svg.feather.feather-gift{color:#52DE97;}

#post-content pre code {
    display:block;
    overflow-x:auto;
    position:relative;
    margin:0;
    padding-left:50px;
}
pre code {
    position:relative;
    display:block;
    overflow-x:auto;
    margin:4.4px 0.px .4px 1px;
    padding:0;
    max-height:500px;
    padding-left:3.5em
}

.img-square {
    transition: all 0.3s;
}

.img-square:hover {
    transform: rotate(360deg);
}

.glyphicon-fire {
    color: #ff0000;
}

.nav-tabs-alt .glyphicon-comment {
    color: #495dc3;
}

.glyphicon-transfer {
    color: #0e5458;
}</code></pre><p><p></p></div></div></div></p><h3>等距标签云</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-254eae23cb436a4a10cc05db12c2e94f69" aria-expanded="true"><div class="accordion-toggle"><span style="">等距标签云</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-254eae23cb436a4a10cc05db12c2e94f69" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*词云等距美化*/
#tag_cloud-2 a {
border-radius: 5px;
width: 32%;
}</code></pre><p><p></p></div></div></div></p><h3>首页文章列表悬停上浮</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-afb2c4f7430b399f9d6c702b76d1098c98" aria-expanded="true"><div class="accordion-toggle"><span style="">首页文章列表悬停上浮</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-afb2c4f7430b399f9d6c702b76d1098c98" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*首页文章列表悬停上浮*/
.blog-post .panel:not(article) {
transition: all 0.3s;
}
.blog-post .panel:not(article):hover {
transform: translateY(-10px);
box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}</code></pre><p><p></p></div></div></div></p><h3>赞赏按钮跳动</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-b66016e788c67d497d3b1786c4b8d16150" aria-expanded="true"><div class="accordion-toggle"><span style="">赞赏按钮跳动</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-b66016e788c67d497d3b1786c4b8d16150" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*赞赏按钮跳动*/
.btn-pay {
animation: star 0.5s ease-in-out infinite alternate;
}

@keyframes star {
from {
transform: scale(1);
}

to {
    transform: scale(1.1);
}
}</code></pre><p><p></p></div></div></div></p><h3>评论边框</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-19c1fa5d78c9b07f779c6fac0dfd032d78" aria-expanded="true"><div class="accordion-toggle"><span style="">评论边框</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-19c1fa5d78c9b07f779c6fac0dfd032d78" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*评论边框*/
.comment-parent {
margin: 20px;
padding: 20px;
border-radius: 25px;
border: 1px solid rgba(255,255,255,.3);
}</code></pre><p><p></p></div></div></div></p><h3>粗斜体上色</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-068d4e874cde400443e85c307439ab6478" aria-expanded="true"><div class="accordion-toggle"><span style="">粗斜体上色</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-068d4e874cde400443e85c307439ab6478" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/* 粗斜体上色 */
strong{
color: #f26522;
}
em{
font-style: normal;
color: #fcaf17;
}</code></pre><p><p></p></div></div></div></p><h3>开启全站变灰（黑白模式）</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-140a9e55a99f70ae56219ebe0e3d98f277" aria-expanded="true"><div class="accordion-toggle"><span style="">开启全站变灰（黑白模式）</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-140a9e55a99f70ae56219ebe0e3d98f277" class="collapse collapse-content"><p></p><br>方式一</p><pre><code class="lang-CSS">&lt;!--开启黑白模式--&gt;
html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(&quot;data:image/svg+xml;utf8,#grayscale&quot;); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
&lt;!--黑白模式结束--&gt;</code></pre><p>方式二</p><pre><code class="lang-CSS">&lt;!--开启黑白模式--&gt; &lt;style type=&quot;text/css&quot;&gt;html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(&quot;data:image/svg+xml;utf8,#grayscale&quot;); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} &lt;/style&gt; &lt;!--黑白模式结束--&gt;</code></pre><p>方式三</p><pre><code class="lang-CSS">&lt;!--开启黑白模式--&gt; &lt;style&gt;html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);         filter:progid：lolXImageTransform.Microsoft.BasicImage(grayscale=1);           _filter:none;     } &lt;/style&gt; &lt;!--黑白模式结束--&gt;</code></pre><p>方式四</p><pre><code class="lang-CSS">&lt;!--开启黑白模式--&gt; &lt;style&gt;html {-webkit-filter: grayscale(100%);}&lt;/style&gt; &lt;!--黑白模式结束--&gt;</code></pre><p><p></p></div></div></div></p><h3>首页文章添加圆角效果</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-76b1e09dfcd36fe86bcb260bfb66137c80" aria-expanded="true"><div class="accordion-toggle"><span style="">首页文章添加圆角效果</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-76b1e09dfcd36fe86bcb260bfb66137c80" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*首页文章版式圆角化*/
.panel{
    border: none;
    border-radius: 15px;
}

.panel-small{
    border: none;
    border-radius: 15px;
}

.item-thumb{
    border-radius: 15px;  
}</code></pre><p><p></p></div></div></div></p><h3>修改h1，h2标题背景颜色</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3030bfa69fbcf4bc57d1cfbc3592e6e474" aria-expanded="true"><div class="accordion-toggle"><span style="">修改h1，h2标题背景颜色</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3030bfa69fbcf4bc57d1cfbc3592e6e474" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*文章页h标签背景颜色修改*/
#post-content h1, #post-content h2 {
background : linear-gradient(to bottom,transparent 60%,rgba(0,191,255,.3) 0) no-repeat
}</code></pre><p><p></p></div></div></div></p><h3>手机端不显示热门文章和标签云</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3deb1197557b98f8721d82b9769bb0b859" aria-expanded="true"><div class="accordion-toggle"><span style="">手机端不显示热门文章和标签云</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3deb1197557b98f8721d82b9769bb0b859" class="collapse collapse-content"><p></p></p><pre><code class="lang-CSS">/*手机不显示*/
@media (max-width:767px) {
    #tabs-4,#tag_cloud-2 {
        display: none;
    }
}</code></pre><p><p></p></div></div></div></p><h3>网站背景添加海浪背景</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-49e3fbcd079913eab01eef28ef4a04ef26" aria-expanded="true"><div class="accordion-toggle"><span style="">网站背景添加海浪背景</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-49e3fbcd079913eab01eef28ef4a04ef26" class="collapse collapse-content"><p></p>效果图：<img src="https://img03.sogoucdn.com/app/a/200692/1920_532_feedback_9915bd89716746a6a65665a4de60b4ab.png" alt="" title="" style="">添加至后台<code>主题设置-开发者设置-自定义CSS</code></p><pre><code class="lang-CSS">/* 海浪背景CSS部分 */
#wavesDIV{position: fixed;bottom: 0;width: 100%;display:block;height:20vh;background-color:rgb(125,165,191);animation: move-out 2s cubic-bezier(0,.98,.97,1) forwards;}
.waves { position:relative; width: 100%; height:15vh; margin-top:-15vh; min-height:100px; max-height:150px; }
.parallax &gt; use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; } 
.parallax &gt; use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } 
.parallax &gt; use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } 
.parallax &gt; use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } 
.parallax &gt; use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } 
@keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } }
@keyframes move-out { 0% { transform: translateY(400%); } 100% { transform: translateY(0%); } }</code></pre><p>添加至后台<code>主题设置-开发者设置-自定义输出head 头部的HTML代码</code></p><pre><code class="lang-HTML">&lt;!-- 海浪背景 --&gt;
&lt;div id=&quot;wavesDIV&quot; style=&quot;display: block;&quot;&gt;
        &lt;svg class=&quot;waves&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; viewBox=&quot;0 24 150 28&quot; preserveAspectRatio=&quot;none&quot; shape-rendering=&quot;auto&quot;&gt;
            &lt;defs&gt;
                &lt;path id=&quot;gentle-wave&quot; d=&quot;M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z&quot;&gt;&lt;/path&gt;
            &lt;/defs&gt;
            &lt;g class=&quot;parallax&quot;&gt;
                &lt;use xlink:href=&quot;#gentle-wave&quot; x=&quot;48&quot; y=&quot;-2&quot; fill=&quot;rgba(125,165,191,0.3)&quot;&gt;&lt;/use&gt;
                &lt;use xlink:href=&quot;#gentle-wave&quot; x=&quot;48&quot; y=&quot;3&quot; fill=&quot;rgba(125,165,191,0.5)&quot;&gt;&lt;/use&gt;
                &lt;use xlink:href=&quot;#gentle-wave&quot; x=&quot;48&quot; y=&quot;5&quot; fill=&quot;rgba(125,165,191,0.7)&quot;&gt;&lt;/use&gt;
                &lt;use xlink:href=&quot;#gentle-wave&quot; x=&quot;48&quot; y=&quot;12&quot; fill=&quot;rgba(125,165,191,1)&quot;&gt;&lt;/use&gt;
            &lt;/g&gt;
        &lt;/svg&gt;
    &lt;/div&gt;</code></pre><p><p></p></div></div></div></p><h2>自定义JavaScripts</h2><p><div class="tip inlineBlock info">

该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义 JavaScript处
</div></p><h3>网页文字禁止复制</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f226b4218816cdf826ded4d69e6b173233" aria-expanded="true"><div class="accordion-toggle"><span style="">.网页文字禁止复制</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f226b4218816cdf826ded4d69e6b173233" class="collapse collapse-content"><p></p></p><pre><code class="lang-JavaScript">&lt;script language=&quot;Javascript&quot;&gt;
document.oncontextmenu=new Function(&quot;event.returnValue=false&quot;);
document.onselectstart=new Function(&quot;event.returnValue=false&quot;);
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>复制成功提示</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-c04c8dd37b0c0afa569c23066d6cd51b69" aria-expanded="true"><div class="accordion-toggle"><span style="">复制成功提示</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-c04c8dd37b0c0afa569c23066d6cd51b69" class="collapse collapse-content"><p></p>效果图：<img src="https://img04.sogoucdn.com/app/a/200692/340_176_feedback_cc33f4a07de44999ad2c68ef14718e95.png" alt="" title="" style="">使用方法：<br>复制下面代码到 <code>handsome主题&gt;设置外观&gt;开发者设置&gt;自定义 JavaScript</code></p><pre><code class="lang-JavaScript">/* 复制成功提示代码开始 */ 
    kaygb_copy();function kaygb_copy(){$(document).ready(function(){$(&quot;body&quot;).bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){
$.message({
    message: &quot;尊重原创，转载请注明出处！&lt;br&gt; 本文作者：岁月无声&lt;br&gt;原文链接：&quot;+sitesurl,
    title: &quot;复制成功&quot;,
    type: &quot;warning&quot;,
    autoHide: !1,
    time: &quot;5000&quot;
    })
}}
/* 复制成功提示代码结束 */</code></pre><p><p></p></div></div></div></p><h3>复制文章带有文章版权</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-1d306dd19cf10305f81b7e647563400941" aria-expanded="true"><div class="accordion-toggle"><span style="">复制文章带有文章版权</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-1d306dd19cf10305f81b7e647563400941" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/719_161_feedback_9a3e5d40ef4f49ff838ae00250e73c09.png" alt="" title="" style="">使用方法：<br>复制下面代码到 <code>handsome主题&gt;设置外观&gt;开发者设置&gt;自定义 JavaScript</code></p><pre><code class="lang-JavaScript">/* 复制文章自动带版权开始 */ 
document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() &amp;&amp; window.getSelection().toString().length &gt; 42) {
        setClipboardText(e);
     notie({
  type: 'info',
  text: '商业转载请联系作者获得授权，非商业转载请注明出处，谢谢合作。', 
  autoHide: true
})
    }
}); 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
 
        var htmlData = ''
            + '著作权归作者所有。&lt;br&gt;'
            + '商业转载请联系作者获得授权，非商业转载请注明出处！&lt;br&gt;'
      + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！&lt;br&gt;'
            + '作者：岁月无声&lt;br&gt;'
            + '链接：' + window.location.href + '&lt;br&gt;'
            + '来源：http://www.5k5b.com/&lt;br&gt;&lt;br&gt;'
            + window.getSelection().toString();
        var textData = ''
            + '著作权归作者所有。\n'
            + '商业转载请联系作者获得授权，非商业转载请注明出处！\n'
      + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！\n'
            + '作者：hellolin.cn\n'
            + '链接：' + window.location.href + '\n'
            + '来源：http://www.5k5b.com/\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}
/* 复制文章自动带版权结束 */</code></pre><p><p></p></div></div></div></p><h3>鼠标点击特效-爱心样式</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-a6675762fabb26f9f286eafb3e3e374875" aria-expanded="true"><div class="accordion-toggle"><span style="">爱心鼠标点击特效</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-a6675762fabb26f9f286eafb3e3e374875" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/237_164_feedback_1d6f44d11be64465bb5cca3f1013dcb1.gif" alt="" title="" style=""></p><pre><code class="lang-JavaScript">//鼠标点击出现爱心特效
(function(window,document,undefined){
var hearts = [];
window.requestAnimationFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback){
setTimeout(callback,1000/60);
}
})();
init();
function init(){
css(&quot;.heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}&quot;);
attachEvent();
gameloop();
}
function gameloop(){
for(var i=0;i&lt;hearts.length;i++){
if(hearts[i].alpha &lt;=0){
document.body.removeChild(hearts[i].el);
hearts.splice(i,1);
continue;
}
hearts[i].y--;
hearts[i].scale += 0.004;
hearts[i].alpha -= 0.013;
hearts[i].el.style.cssText = &quot;left:&quot;+hearts[i].x+&quot;px;top:&quot;+hearts[i].y+&quot;px;opacity:&quot;+hearts[i].alpha+&quot;;transform:scale(&quot;+hearts[i].scale+&quot;,&quot;+hearts[i].scale+&quot;) rotate(45deg);background:&quot;+hearts[i].color;
}
requestAnimationFrame(gameloop);
}
function attachEvent(){
var old = typeof window.onclick===&quot;function&quot; &amp;&amp; window.onclick;
window.onclick = function(event){
old &amp;&amp; old();
createHeart(event);
}
}
function createHeart(event){
var d = document.createElement(&quot;div&quot;);
d.className = &quot;heart&quot;;
hearts.push({
el : d,
x : event.clientX - 5,
y : event.clientY - 5,
scale : 1,
alpha : 1,
color : randomColor()
});
document.body.appendChild(d);
}
function css(css){
var style = document.createElement(&quot;style&quot;);
style.type=&quot;text/css&quot;;
try{
style.appendChild(document.createTextNode(css));
}catch(ex){
style.styleSheet.cssText = css;
}
document.getElementsByTagName('head')[0].appendChild(style);
}
function randomColor(){
return &quot;rgb(&quot;+(~~(Math.random()*255))+&quot;,&quot;+(~~(Math.random()*255))+&quot;,&quot;+(~~(Math.random()*255))+&quot;)&quot;;
}
})(window,document);</code></pre><p><p></p></div></div></div></p><h3>网站加载完成提示</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f085b74c2a0e318bc898e03ebb34aab442" aria-expanded="true"><div class="accordion-toggle"><span style="">网站加载完成提示</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f085b74c2a0e318bc898e03ebb34aab442" class="collapse collapse-content"><p></p></p><pre><code class="lang-JavaScript">/* 网站加载完成提示开始 */ 
function kaygb_referrer(){
var kaygb_referrer = document.referrer;
if  (kaygb_referrer != &quot;&quot;){
return &quot;感谢您的访问！ 您来自：&lt;br&gt;&quot; + document.referrer;
}else{
return &quot;&quot;;
}}
$.message({
    message: &quot;为了网站的正常运行，请不要使用广告屏蔽插件，谢谢！&lt;br &gt;&quot; + kaygb_referrer(),
    title: &quot;网站加载完成&quot;,
    type: &quot;success&quot;,
    autoHide: !1,
    time: &quot;3000&quot;
})
/* 网站加载完成提示结束 */</code></pre><p><p></p></div></div></div></p><h3>左上角网站FPS显示</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d7f53083c689548adb3c973711d5d6ad7" aria-expanded="true"><div class="accordion-toggle"><span style="">左上角网站FPS显示</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d7f53083c689548adb3c973711d5d6ad7" class="collapse collapse-content"><p></p></p><pre><code class="lang-JavaScript">/* FPS显示 */
var console={};
console.log=function(){};

$('body').before('&lt;div id=&quot;fps&quot; style=&quot;z-index:10000;position:fixed;top:3;left:3;font-weight:bold;&quot;&gt;&lt;/div&gt;');
var showFPS = (function(){ 
    var requestAnimationFrame =  
        window.requestAnimationFrame || 
        window.webkitRequestAnimationFrame || 
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame || 
        function(callback) { 
            window.setTimeout(callback, 1000/60); 
        }; 
    var e,pe,pid,fps,last,offset,step,appendFps; 
 
    fps = 0; 
    last = Date.now(); 
    step = function(){ 
        offset = Date.now() - last; 
        fps += 1; 
        if( offset &gt;= 1000 ){ 
        last += offset; 
        appendFps(fps); 
        fps = 0; 
        } 
        requestAnimationFrame( step ); 
    }; 
    appendFps = function(fps){ 
        console.log(fps+'FPS');
        $('#fps').html(fps+'FPS');
    };
    step();
})();</code></pre><p><p></p></div></div></div></p><h3>左侧图标颜色和彩色标签云</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-0cf648e6ee4e03b713d6ace9b081d4d635" aria-expanded="true"><div class="accordion-toggle"><span style="">左侧图标颜色和彩色标签云</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-0cf648e6ee4e03b713d6ace9b081d4d635" class="collapse collapse-content"><p></p></p><pre><code class="lang-JavaScript">/* 左侧图标颜色and彩色标签云 */
let tags = document.querySelectorAll(&quot;#tag_cloud-2 a&quot;);
let infos = document.querySelectorAll(&quot;.badge&quot;);
let colorArr = [&quot;#428BCA&quot;, &quot;#AEDCAE&quot;, &quot;#ECA9A7&quot;, &quot;#DA99FF&quot;, &quot;#FFB380&quot;, &quot;#D9B999&quot;];
tags.forEach(tag =&gt; {
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor;
});
infos.forEach(info =&gt; {
    infosColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    info.style.backgroundColor = infosColor;
});
function addNumber(a) {
    var length = document.getElementById(&quot;comment&quot;).value.length;
    if(length&gt; 0){
        document.getElementById(&quot;comment&quot;).focus()
        document.getElementById(&quot;comment&quot;).value += '\n' + a + new Date
    }else{
        document.getElementById(&quot;comment&quot;).focus()
        document.getElementById(&quot;comment&quot;).value += a + new Date
    }
}
let leftHeader = document.querySelectorAll(&quot;span.nav-icon&gt;svg,span.nav-icon&gt;i&quot;);
let leftHeaderColorArr = [&quot;#FF69B4&quot;, &quot;#58c7ea&quot;, &quot;#E066FF&quot;, &quot;#FF69B4&quot;, &quot;#FFA54F&quot;, &quot;#90EE90&quot;];
leftHeader.forEach(tag =&gt; {
    tagsColor = leftHeaderColorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.color = tagsColor;
});</code></pre><p>如果你博客开启了PJAX，需要在<code>PJAX回调函数</code>里面添加以下代码：</p><pre><code class="lang-JavaScript">// 彩色标签云
let tags = document.querySelectorAll(&quot;#tag_cloud-2 a&quot;);
let infos = document.querySelectorAll(&quot;.badge&quot;);
let colorArr = [&quot;#428BCA&quot;, &quot;#AEDCAE&quot;, &quot;#ECA9A7&quot;, &quot;#DA99FF&quot;, &quot;#FFB380&quot;, &quot;#D9B999&quot;];
tags.forEach(tag =&gt; {
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor;
});
infos.forEach(info =&gt; {
    infosColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    info.style.backgroundColor = infosColor;
});
function addNumber(a) {
    var length = document.getElementById(&quot;comment&quot;).value.length;
    if(length&gt; 0){
        document.getElementById(&quot;comment&quot;).focus()
        document.getElementById(&quot;comment&quot;).value += '\n' + a + new Date
    }else{
        document.getElementById(&quot;comment&quot;).focus()
        document.getElementById(&quot;comment&quot;).value += a + new Date
    }
}</code></pre><p><p></p></div></div></div></p><h3>动态网站标题-第一种</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-c4a5e5a83e62af07f172931da560015314" aria-expanded="true"><div class="accordion-toggle"><span style="">动态网站标题</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-c4a5e5a83e62af07f172931da560015314" class="collapse collapse-content"><p></p>当你看其他网站的时候，网页标题会有可爱的变化~<img src="https://img02.sogoucdn.com/app/a/200692/505_41_feedback_88fda53de1404ec782446be77c1a1a4c.gif" alt="" title="" style=""><br>另外代码里的两个链接可以按照自己的需求修改哦~</p><pre><code class="lang-JavaScript">/* 动态网站标题 */
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
     if (document.hidden) {
         $('[rel=&quot;icon&quot;]').attr('href', &quot;https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/warning.webp&quot;);
         document.title = '网页崩溃了！！！';
         clearTimeout(titleTime);
     }
     else {
         $('[rel=&quot;icon&quot;]').attr('href', &quot;https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/favicon.webp&quot;);
         document.title = '咦，又好啦(✿◡‿◡)' ;
         titleTime = setTimeout(function () {
             document.title = OriginTitle;
         }, 2000);
     }
 });</code></pre><p><p></p></div></div></div></p><h3>打字动画效果（代码实现）</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-57e58650db69d1de4aca46ab6a2a2ce239" aria-expanded="true"><div class="accordion-toggle"><span style="">打字动画效果</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-57e58650db69d1de4aca46ab6a2a2ce239" class="collapse collapse-content"><p></p>这里是通过代码修改的，下边会给大家分享个插件，开启插件即可实现<br>这个项目是指在网页里打字时出现的一个动画效果，还是不懂得话可以尝试在本站打字<img src="https://img01.sogoucdn.com/app/a/200692/281_154_feedback_022723f4902b498aa5b1864ce060eee6.gif" alt="" title="" style=""></p><pre><code class="lang-JavaScript">/* 打字动效 */
(function webpackUniversalModuleDefinition(a,b){if(typeof exports===&quot;object&quot;&amp;&amp;typeof module===&quot;object&quot;){module.exports=b()}else{if(typeof define===&quot;function&quot;&amp;&amp;define.amd){define([],b)}else{if(typeof exports===&quot;object&quot;){exports[&quot;POWERMODE&quot;]=b()}else{a[&quot;POWERMODE&quot;]=b()}}}})(this,function(){return(function(a){var b={};function c(e){if(b[e]){return b[e].exports}var d=b[e]={exports:{},id:e,loaded:false};a[e].call(d.exports,d,d.exports,c);d.loaded=true;return d.exports}c.m=a;c.c=b;c.p=&quot;&quot;;return c(0)})([function(c,g,b){var d=document.createElement(&quot;canvas&quot;);d.width=window.innerWidth;d.height=window.innerHeight;d.style.cssText=&quot;position:fixed;top:0;left:0;pointer-events:none;z-index:999999&quot;;window.addEventListener(&quot;resize&quot;,function(){d.width=window.innerWidth;d.height=window.innerHeight});document.body.appendChild(d);var a=d.getContext(&quot;2d&quot;);var n=[];var j=0;var k=120;var f=k;var p=false;o.shake=true;function l(r,q){return Math.random()*(q-r)+r}function m(r){if(o.colorful){var q=l(0,360);return&quot;hsla(&quot;+l(q-10,q+10)+&quot;, 100%, &quot;+l(50,80)+&quot;%, &quot;+1+&quot;)&quot;}else{return window.getComputedStyle(r).color}}function e(){var t=document.activeElement;var v;if(t.tagName===&quot;TEXTAREA&quot;||(t.tagName===&quot;INPUT&quot;&amp;&amp;t.getAttribute(&quot;type&quot;)===&quot;text&quot;)){var u=b(1)(t,t.selectionStart);v=t.getBoundingClientRect();return{x:u.left+v.left,y:u.top+v.top,color:m(t)}}var s=window.getSelection();if(s.rangeCount){var q=s.getRangeAt(0);var r=q.startContainer;if(r.nodeType===document.TEXT_NODE){r=r.parentNode}v=q.getBoundingClientRect();return{x:v.left,y:v.top,color:m(r)}}return{x:0,y:0,color:&quot;transparent&quot;}}function h(q,s,r){return{x:q,y:s,alpha:1,color:r,velocity:{x:-1+Math.random()*2,y:-3.5+Math.random()*2}}}function o(){var t=e();var s=5+Math.round(Math.random()*10);while(s--){n[j]=h(t.x,t.y,t.color);j=(j+1)%500}f=k;if(!p){requestAnimationFrame(i)}if(o.shake){var r=1+2*Math.random();var q=r*(Math.random()&gt;0.5?-1:1);var u=r*(Math.random()&gt;0.5?-1:1);document.body.style.marginLeft=q+&quot;px&quot;;document.body.style.marginTop=u+&quot;px&quot;;setTimeout(function(){document.body.style.marginLeft=&quot;&quot;;document.body.style.marginTop=&quot;&quot;},75)}}o.colorful=false;function i(){if(f&gt;0){requestAnimationFrame(i);f--;p=true}else{p=false}a.clearRect(0,0,d.width,d.height);for(var q=0;q&lt;n.length;++q){var r=n[q];if(r.alpha&lt;=0.1){continue}r.velocity.y+=0.075;r.x+=r.velocity.x;r.y+=r.velocity.y;r.alpha*=0.96;a.globalAlpha=r.alpha;a.fillStyle=r.color;a.fillRect(Math.round(r.x-1.5),Math.round(r.y-1.5),3,3)}}requestAnimationFrame(i);c.exports=o},function(b,a){(function(){var d=[&quot;direction&quot;,&quot;boxSizing&quot;,&quot;width&quot;,&quot;height&quot;,&quot;overflowX&quot;,&quot;overflowY&quot;,&quot;borderTopWidth&quot;,&quot;borderRightWidth&quot;,&quot;borderBottomWidth&quot;,&quot;borderLeftWidth&quot;,&quot;borderStyle&quot;,&quot;paddingTop&quot;,&quot;paddingRight&quot;,&quot;paddingBottom&quot;,&quot;paddingLeft&quot;,&quot;fontStyle&quot;,&quot;fontVariant&quot;,&quot;fontWeight&quot;,&quot;fontStretch&quot;,&quot;fontSize&quot;,&quot;fontSizeAdjust&quot;,&quot;lineHeight&quot;,&quot;fontFamily&quot;,&quot;textAlign&quot;,&quot;textTransform&quot;,&quot;textIndent&quot;,&quot;textDecoration&quot;,&quot;letterSpacing&quot;,&quot;wordSpacing&quot;,&quot;tabSize&quot;,&quot;MozTabSize&quot;];var e=window.mozInnerScreenX!=null;function c(k,l,o){var h=o&amp;&amp;o.debug||false;if(h){var i=document.querySelector(&quot;#input-textarea-caret-position-mirror-div&quot;);if(i){i.parentNode.removeChild(i)}}var f=document.createElement(&quot;div&quot;);f.id=&quot;input-textarea-caret-position-mirror-div&quot;;document.body.appendChild(f);var g=f.style;var j=window.getComputedStyle?getComputedStyle(k):k.currentStyle;g.whiteSpace=&quot;pre-wrap&quot;;if(k.nodeName!==&quot;INPUT&quot;){g.wordWrap=&quot;break-word&quot;}g.position=&quot;absolute&quot;;if(!h){g.visibility=&quot;hidden&quot;}d.forEach(function(p){g[p]=j[p]});if(e){if(k.scrollHeight&gt;parseInt(j.height)){g.overflowY=&quot;scroll&quot;}}else{g.overflow=&quot;hidden&quot;}f.textContent=k.value.substring(0,l);if(k.nodeName===&quot;INPUT&quot;){f.textContent=f.textContent.replace(/\s/g,&quot;\u00a0&quot;)}var n=document.createElement(&quot;span&quot;);n.textContent=k.value.substring(l)||&quot;.&quot;;f.appendChild(n);var m={top:n.offsetTop+parseInt(j[&quot;borderTopWidth&quot;]),left:n.offsetLeft+parseInt(j[&quot;borderLeftWidth&quot;])};if(h){n.style.backgroundColor=&quot;#aaa&quot;}else{document.body.removeChild(f)}return m}if(typeof b!=&quot;undefined&quot;&amp;&amp;typeof b.exports!=&quot;undefined&quot;){b.exports=c}else{window.getCaretCoordinates=c}}())}])});
POWERMODE.colorful=true;POWERMODE.shake=false;document.body.addEventListener(&quot;input&quot;,POWERMODE);</code></pre><p><p></p></div></div></div></p><h3>添加复制弹窗</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-565647cdbb663e4d557e0db2c749340d78" aria-expanded="true"><div class="accordion-toggle"><span style="">添加复制弹窗</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-565647cdbb663e4d557e0db2c749340d78" class="collapse collapse-content"><p></p>首先添加以下代码至<code>自定义输出body尾部的HTML代码</code></p><pre><code class="lang-HTML">&lt;!-- 复制样式CSS --&gt;
&lt;script src=&quot;https://cdn.jsdelivr.net/npm/sweetalert2@8&quot;&gt;&lt;/script&gt;</code></pre><p>然后将以下代码加到<code>自定义JavaScripts</code>，文字部分可以自行更改~</p><pre><code class="lang-JavaScript">/* 复制效果 */
document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});};</code></pre><p><p></p></div></div></div></p><h2>自定义body</h2><p><div class="tip inlineBlock success">

该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义输出body 尾部的HTML代码处
</div></p><h3>万能的控制台</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-b483afde2dbd3e8496e2f40221d32c2213" aria-expanded="true"><div class="accordion-toggle"><span style="">万能的控制台</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-b483afde2dbd3e8496e2f40221d32c2213" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/629_185_feedback_a1072817c10b4dc4af6c1ade0e81c195.png" alt="" title="" style=""></p><pre><code class="lang-HTML">&lt;!--输出控制台--&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
  console.clear();  //清空控制台
  console.log(&quot;\n %c TuJun's Blog  控制台--没什么可看的&quot;,&quot;color:#fff;background: linear-gradient(to right , #7A88FF, #d27aff);padding:5px;border-radius: 10px;&quot;);  //万能控制台，可写html代码
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>气泡背景</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-36aba86553f9f893f741866840b73d2672" aria-expanded="true"><div class="accordion-toggle"><span style="">气泡背景</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-36aba86553f9f893f741866840b73d2672" class="collapse collapse-content"><p></p></p><pre><code class="lang-HTML">id: '',                           //容器ID
    num: 100,                        // 个数
    start_probability: 0.1,          // 如果数量小于num，有这些几率添加一个新的
    radius_min: 1,                   // 初始半径最小值
    radius_max: 2,                   // 初始半径最大值
    radius_add_min: .3,               // 半径增加最小值
    radius_add_max: .5,               // 半径增加最大值
    opacity_min: 0.3,                 // 初始透明度最小值
    opacity_max: 0.5,                // 初始透明度最大值
    opacity_prev_min: .003,            // 透明度递减值最小值
    opacity_prev_max: .005,            // 透明度递减值最大值
    light_min: 40,                 // 颜色亮度最小值
    light_max: 70,                 // 颜色亮度最大值
    is_same_color: false,          //泡泡颜色是否相同
    background:&quot;#f1f3f4&quot;           //背景颜色</code></pre><p>在 <code>开发者设置 自定义输出body 尾部的HTML代码</code>中添加下面代码，需要修改可参考上方参数</p><pre><code class="lang-HTML">&lt;div id=&quot;bubble&quot;&gt;&lt;/div&gt;&lt;script&gt;class BGBubble{constructor(i){this.defaultOpts={id:&quot;&quot;,num:100,start_probability:.1,radius_min:1,radius_max:2,radius_add_min:.3,radius_add_max:.5,opacity_min:.3,opacity_max:.5,opacity_prev_min:.003,opacity_prev_max:.005,light_min:40,light_max:70,is_same_color:!1,background:&quot;#f1f3f4&quot;},&quot;[object Object]&quot;==Object.prototype.toString.call(i)?this.userOpts={...this.defaultOpts,...i}:this.userOpts={...this.defaultOpts,id:i},this.color=this.random(0,360),this.bubbleNum=[],this.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,this.cancelAnimationFrame=window.cancelAnimationFrame||window.mozCancelAnimationFrame}random(i,t){return Math.random()*(t-i)+i}initBubble(i,t){const a=window.innerWidth,s=window.innerHeight,n=this.userOpts,e=this.random(n.light_min,n.light_max);this.bubble={x:this.random(0,a),y:this.random(0,s),radius:this.random(n.radius_min,n.radius_max),radiusChange:this.random(n.radius_add_min,n.radius_add_max),opacity:this.random(n.opacity_min,n.opacity_max),opacityChange:this.random(n.opacity_prev_min,n.opacity_prev_max),light:e,color:`hsl(${t?i:this.random(0,360)},100%,${e}%)`}}bubbling(i,t,a){!this.bubble&amp;&amp;this.initBubble(t,a);const s=this.bubble;i.fillStyle=s.color,i.globalAlpha=s.opacity,i.beginPath(),i.arc(s.x,s.y,s.radius,0,2*Math.PI,!0),i.closePath(),i.fill(),i.globalAlpha=1,s.opacity-=s.opacityChange,s.radius+=s.radiusChange,s.opacity&lt;=0&amp;&amp;this.initBubble(t,a)}createCanvas(){this.canvas=document.createElement(&quot;canvas&quot;),this.ctx=this.canvas.getContext(&quot;2d&quot;),this.canvas.style.display=&quot;block&quot;,this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight,this.canvas.style.position=&quot;fixed&quot;,this.canvas.style.top=&quot;0&quot;,this.canvas.style.left=&quot;0&quot;,this.canvas.style.zIndex=&quot;-1&quot;,document.getElementById(this.userOpts.id).appendChild(this.canvas),window.onresize=(()=&gt;{this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight})}start(){const i=window.innerWidth,t=window.innerHeight;this.color+=.1,this.ctx.fillStyle=this.defaultOpts.background,this.ctx.fillRect(0,0,i,t),this.bubbleNum.length&lt;this.userOpts.num&amp;&amp;Math.random()&lt;this.userOpts.start_probability&amp;&amp;this.bubbleNum.push(new BGBubble),this.bubbleNum.forEach(i=&gt;i.bubbling(this.ctx,this.color,this.userOpts.is_same_color));const a=this.requestAnimationFrame;this.myReq=a(()=&gt;this.start())}destory(){(0,this.cancelAnimationFrame)(this.myReq),window.onresize=null}}const bubbleDemo=new BGBubble(&quot;bubble&quot;);bubbleDemo.createCanvas(),bubbleDemo.start();&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>动态网站标题-第二种</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-e6a08309f4622c03541bb8f3eb0faf9157" aria-expanded="true"><div class="accordion-toggle"><span style="">动态网站标题</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-e6a08309f4622c03541bb8f3eb0faf9157" class="collapse collapse-content"><p></p>效果图：<img src="https://img04.sogoucdn.com/app/a/200692/565_78_feedback_98e034d9bd8d49a083c28472cc6b6654.gif" alt="" title="" style="">复制下方代码添加至<code>后台主题设置 自定义输出head 头部的HTML代码</code>即可</p><pre><code class="lang-HTML">&lt;script&gt;  
// 浏览器标题切换  
var OriginTitile = document.title;    // 保存之前页面标题  
var titleTime;  
document.addEventListener('visibilitychange', function(){  
    if (document.hidden){  
        document.title = '草榴社區主論壇 - 1024';  
        clearTimeout(titleTime);  
    }else{  
        document.title = '生命-1s ~ ';  
        titleTime = setTimeout(function() {  
            document.title = OriginTitile;  
        }, 2000); // 2秒后恢复原标题  
    }  
});  
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>动态网站标题-第三种</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d3cd0873cbe90f74e1dd050b52b335cb69" aria-expanded="true"><div class="accordion-toggle"><span style="">动态网站标题</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d3cd0873cbe90f74e1dd050b52b335cb69" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/563_74_feedback_e713fdade15a4f45a67d108fc53b22f0.gif" alt="" title="" style="">复制下方代码添加至<code>后台主题设置 自定义输出head 头部的HTML代码</code>即可</p><pre><code class="lang-HTML">&lt;!--动态标题--&gt;
&lt;script&gt;document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='(つェ⊂)我藏好了哦 - TuJun';}else{document.title=normal_title;}});&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>自定义右键菜单美化</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d072c9b2bdeb7392ae3a93e17165894a9" aria-expanded="true"><div class="accordion-toggle"><span style="">自定义右键菜单美化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d072c9b2bdeb7392ae3a93e17165894a9" class="collapse collapse-content"><p></p>注意：一定首先在<code>主题后台-外观-设置外观-开发者设置-自定义输出head 头部的HTML代码</code>位置添加以下代码。如果不添加将不会显示图标</p><pre><code class="lang-HTML">&lt;!-- 图标添加 --&gt;
&lt;link href=&quot;https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css&quot; rel=&quot;stylesheet&quot;&gt;</code></pre><p>加完之后再将下面的代码放到<code>自定义输出body 尾部的HTML代码</code>处<br>另外，一定要把代码里的网址改成自己的！！~</p><pre><code class="lang-HTML">&lt;!-- 自定义右键菜单美化 --&gt;
  &lt;style type=&quot;text/css&quot;&gt;
    a {text-decoration: none;}
    div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba
(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
    div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
    div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
    div.usercm ul li a{color:#666;padding:0 15px;display:block}
    div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}
    div.usercm ul li a i{margin-right:10px}
    a.disabled{color:#c8c8c8!important;cursor:not-allowed}
    a.disabled:hover{background-color:rgba(255,11,11,0)!important}
    div.usercm{background:#fff !important;}
    &lt;/style&gt;
&lt;div class=&quot;usercm&quot; style=&quot;left: 199px; top: 5px; display: none;&quot;&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href=&quot;放你网站的对应网址&quot;&gt;&lt;i class=&quot;fa fa-home&quot;&gt;&lt;/i&gt;&lt;span&gt;首页&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;getSelect();&quot;&gt;&lt;i class=&quot;fa fa-copy&quot;&gt;&lt;/i&gt;&lt;span&gt;复制&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;baiduSearch();&quot;&gt;&lt;i class=&quot;fa fa-search&quot;&gt;&lt;/i&gt;&lt;span&gt;搜索&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;javascript:history.go(1);&quot;&gt;&lt;i class=&quot;fa fa-arrow-right&quot;&gt;&lt;/i&gt;&lt;span&gt;前进&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;javascript:history.go(-1);&quot;&gt;&lt;i class=&quot;fa fa-arrow-left&quot;&gt;&lt;/i&gt;&lt;span&gt;后退&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li style=&quot;border-bottom:1px solid gray&quot;&gt;&lt;a href=&quot;javascript:window.location.reload();&quot;&gt;&lt;i class=&quot;fa fa-refresh&quot;&gt;&lt;/i&gt;&lt;span&gt;重载网页&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;放你网站的对应网址&quot;&gt;&lt;i class=&quot;fa fa-meh-o&quot;&gt;&lt;/i&gt;&lt;span&gt;和我当邻居&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;  
        &lt;li&gt;&lt;a href=&quot;放你网站的对应网址&quot;&gt;&lt;i class=&quot;fa fa-pencil-square-o&quot;&gt;&lt;/i&gt;&lt;span&gt;给我留言吧&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    (function(a) {
        a.extend({
            mouseMoveShow: function(b) {
                var d = 0,
                    c = 0,
                    h = 0,
                    k = 0,
                    e = 0,
                    f = 0;
                a(window).mousemove(function(g) {
                    d = a(window).width();
                    c = a(window).height();
                    h = g.clientX;
                    k = g.clientY;
                    e = g.pageX;
                    f = g.pageY;
                    h + a(b).width() &gt;= d &amp;&amp; (e = e - a(b).width() - 5);
                    k + a(b).height() &gt;= c &amp;&amp; (f = f - a(b).height() - 5);
                    a(&quot;html&quot;).on({
                        contextmenu: function(c) {
                            3 == c.which &amp;&amp; a(b).css({
                                left: e,
                                top: f
                            }).show()
                        },
                        click: function() {
                            a(b).hide()
                        }
                    })
                })
            },
            disabledContextMenu: function() {
                window.oncontextmenu = function() {
                    return !1
                }
            }
        })
    })(jQuery);
   
    function getSelect() {
        &quot;&quot; == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg(&quot;啊噢...你没还没选择文字呢！&quot;) : document.execCommand(&quot;Copy&quot;)
    }
    function baiduSearch() {
        var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
        &quot;&quot; == a ? layer.msg(&quot;啊噢...你没还没选择文字呢！&quot;) : window.open(&quot;https://www.baidu.com/s?wd=&quot; + a)
    }
    $(function() {
        for (var a = navigator.userAgent, b = &quot;Android;iPhone;SymbianOS;Windows Phone;iPad;iPod&quot;.split(&quot;;&quot;), d = !0, c = 0; c &lt; b.length; c++) if (0 &lt; a.indexOf(b[c])) {
            d = !1;
            break
        }
        d &amp;&amp; ($.mouseMoveShow(&quot;.usercm&quot;), $.disabledContextMenu())
    });
&lt;script src=&quot;https://lib.baomitu.com/layer/3.1.1/layer.js&quot;&gt;&lt;/script&gt;
    &lt;/script&gt;
&lt;!-- 自定义右键菜单美化 --&gt;</code></pre><p><p></p></div></div></div></p><h3>防止他人F12抓你代码</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-e54e5e7ab03f338815ec1a07d359289255" aria-expanded="true"><div class="accordion-toggle"><span style="">防止他人F12抓你代码</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-e54e5e7ab03f338815ec1a07d359289255" class="collapse collapse-content"><p></p>首先要说，这个功能防君子不防小人。所以真的会扒你网站代码的人总是会有办法的(就不告诉你)。<br>提示内容可以自行修改哦~</p><pre><code class="lang-HTML">&lt;!-- 防调试 --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    $(document).ready(function () {
      document.oncontextmenu = function () {
        return false;
      }
      //document.onselectstart = function () {
       // return false;
     // }
      //document.oncopy = function () {
        //return false;
     // }
      document.onkeydown = function () {
        //f12
        if (window.event &amp;&amp; window.event.keyCode == 123) {
          event.keyCode = 0;
          event.returnValue = false;
          layer.msg(&quot;球球了，别再扒孩子了=.=&quot;)
          return false;
        }
        //ctrl+u
        if (event.ctrlKey &amp;&amp; window.event.keyCode == 85) {
          return false;
        }
        //ctrl+shift+i
        if ((event.ctrlKey) &amp;&amp; (event.shiftKey) &amp;&amp; (event.keyCode == 73)) {
          return false;
        }
        // Ctrl+S
        else if ((event.ctrlKey) &amp;&amp; (event.keyCode == 83)) {
          return false;
        }
      };

});
  &lt;/script&gt;
&lt;script&gt;
    //debug调试时跳转页面
    var element = new Image();
    Object.defineProperty(element,'id',{get:function(){window.location.href=&quot;https://www.5k5b.com&quot;}});
    console.log(element);
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>顶部导航栏添加网页动态滚动进度条|滚动指示器</h3><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-483b3090a41da3de6aff57be45993fc361" aria-expanded="true"><div class="accordion-toggle"><span style="">顶部导航栏添加网页动态滚动进度条|滚动指示器</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-483b3090a41da3de6aff57be45993fc361" class="collapse collapse-content"><p></p>效果图：<p><img src="https://img03.sogoucdn.com/app/a/200692/1511_368_feedback_a604492bbacf49b9b632d128c185d79b.png" alt="" title="" style="">使用方法<br>将以下代码加到<code>后台设置-&gt;自定义输出head 头部的HTML代码</code></p><pre><code class="lang-HTML">&lt;!--动态滚动进度条--&gt;
&lt;div class=&quot;scroll-line&quot; style=&quot;z-index: 999;position: fixed;height: 3px;margin-top: 0px;background-color: #6B999B;width: 0%;&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    $(window).scroll(function() {
        var winTop = $(window).scrollTop(), //滚动条的位置
                docHeight = $(document).height(),   //文档高度
                winHeight = $(window).height(); //窗口高度
 
        var scrolled = (winTop / (docHeight - winHeight))*100;
 
        $('.scroll-line').css('width', (scrolled + '%'));
    });
&lt;/script&gt;</code></pre><p>需要注意的是，需要关闭后台的<code>固定头部</code>和<code>固定导航</code>，效果最佳，不然可能会看不到效果。<br><p></p></div></div></div></p><h2>修改文件</h2><p><div class="tip inlineBlock warning">

这部分基本上全是通过修改文件来达到美化的目的，故一定要提前做好备份~
</div></p><h3>首页新年倒计时</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-81e1a75eda4fbb29ef36928bd1fa51b828" aria-expanded="true"><div class="accordion-toggle"><span style="">首页新年倒计时</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-81e1a75eda4fbb29ef36928bd1fa51b828" class="collapse collapse-content"><p></p>将如下代码加到<code>开发者设置-首页列表最前方广告位</code>即可</p><pre><code class="lang-HTML">&lt;!-- 首页倒计时 --&gt;
&lt;style&gt;
    .gn_box {
        border: none;
        border-radius: 15px;
    }

.gn_box {
        padding: 10px 14px;
        margin: 10px;
        margin-bottom: 20px;
        text-align: center;
        background-color: #fff;
    }

#t_d {
        color: #982585;
        font-size: 18px;
    }

#t_h {
        color: #8f79c1;
        font-size: 18px;
    }

#t_m {
        color: #65b4b5;
        font-size: 18px;
    }

#t_s {
        color: #83caa3;
        font-size: 18px;
    }
&lt;/style&gt;
&lt;div class=&quot;gn_box&quot;&gt;
    &lt;h1&gt;
        &lt;font color=#E80017&gt;2&lt;/font&gt;
        &lt;font color=#D1002E&gt;0&lt;/font&gt;
        &lt;font color=#BA0045&gt;2&lt;/font&gt;
        &lt;font color=#A3005C&gt;3&lt;/font&gt;
        &lt;font color=#8C0073&gt;年&lt;/font&gt;
        &lt;font color=#75008A&gt;-&lt;/font&gt;
        &lt;font color=#5E00A1&gt;新&lt;/font&gt;
        &lt;font color=#4700B8&gt;年&lt;/font&gt;
        &lt;font color=#3000CF&gt;倒&lt;/font&gt;
        &lt;font color=#1900E6&gt;计&lt;/font&gt;
        &lt;font color=#0200FD&gt;时&lt;/font&gt;
    &lt;/h1&gt;
    &lt;center&gt;
        &lt;div id=&quot;CountMsg&quot; class=&quot;HotDate&quot;&gt;&lt;span id=&quot;t_d&quot;&gt; 天&lt;/span&gt;&lt;span id=&quot;t_h&quot;&gt; 时&lt;/span&gt;&lt;span id=&quot;t_m&quot;&gt; 分&lt;/span&gt;&lt;span
                id=&quot;t_s&quot;&gt; 秒&lt;/span&gt;&lt;/div&gt;
    &lt;/center&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
        function getRTime() {
            var EndTime = new Date('2023/01/01 00:00:00');   // 这里是明年第一天时间
            var NowTime = new Date('2022/8/25 23:02:01');    // 这里是当前时间 自己修改
            var t = EndTime.getTime() - NowTime.getTime();
            var d = Math.floor(t / 1000 / 60 / 60 / 24);
            var h = Math.floor(t / 1000 / 60 / 60 % 24);
            var m = Math.floor(t / 1000 / 60 % 60);
            var s = Math.floor(t / 1000 % 60);
            var day = document.getElementById(&quot;t_d&quot;);
            if (day != null) {
                day.innerHTML = d + &quot; 天&quot;;
            }
            var hour = document.getElementById(&quot;t_h&quot;);
            if (hour != null) {
                hour.innerHTML = h + &quot; 时&quot;;
            }
            var min = document.getElementById(&quot;t_m&quot;);
            if (min != null) {
                min.innerHTML = m + &quot; 分&quot;;
            }
            var sec = document.getElementById(&quot;t_s&quot;);
            if (sec != null) {
                sec.innerHTML = s + &quot; 秒&quot;;
            }
        }
        setInterval(getRTime, 1000);   
    &lt;/script&gt;
&lt;/div&gt;</code></pre><p><p></p></div></div></div></p><h3>博主介绍文字动态化</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-0d579d7f58418200d9bf9745b80a81a895" aria-expanded="true"><div class="accordion-toggle"><span style="">博主介绍文字动态化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-0d579d7f58418200d9bf9745b80a81a895" class="collapse collapse-content"><p></p><img src="https://img01.sogoucdn.com/app/a/200692/163_23_feedback_869cf7c3d3314057ace6201a2eefa1fe.gif" alt="" title="" style="">将代码里的这是我的介绍这一部分修改称自己想要展示的内容即可，顺便那个❤也是可以改的，随你开心就是了<br>将以下代码放到<code>主题后台-外观-设置外观-初级设置-博主的介绍</code>内即可<br>放之前记得先清空<code>博主的介绍</code>栏内的所有内容</p><pre><code class="lang-HTML">&lt;span class=&quot;text-muted text-xs block&quot;&gt;
    &lt;div id=&quot;chakhsu&quot;&gt;&lt;/div&gt;
    &lt;script&gt;
        var chakhsu = function (r) {
            function t() {
                return b[Math.floor(Math.random() * b.length)]
            }
            function e() {
                return String.fromCharCode(94 * Math.random() + 33)
            }
            function n(r) {
                for (var n = document.createDocumentFragment(), i = 0; r &gt; i; i++) {
                    var l = document.createElement(&quot;span&quot;);
                    l.textContent = e(), l.style.color = t(), n.appendChild(l)
                }
                return n
            }
            function i() {
                var t = o[c.skillI];
                c.step ? c.step-- : (c.step = g, c.prefixP &lt; l.length ? (c.prefixP &gt;= 0 &amp;&amp; (c.text += l[c.prefixP]), c.prefixP++) :
                    &quot;forward&quot; === c.direction ? c.skillP &lt; t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- :
                        (c.direction = &quot;backward&quot;, c.delay = a) : c.skillP &gt; 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI =
                            (c.skillI + 1) % o.length, c.direction = &quot;forward&quot;)), r.textContent = c.text, r.appendChild(n(c.prefixP &lt; l.length ?
                                Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
            }
            /*以下内容自定义修改*/
            var l = &quot;❤&quot;,
                o = [&quot;这是我的介绍&quot;].map(function (r) {
                    return r + &quot;&quot;
                }),
                a = 2,
                g = 1,
                s = 5,
                d = 75,
                b = [&quot;rgb(110,64,170)&quot;, &quot;rgb(150,61,179)&quot;, &quot;rgb(191,60,175)&quot;, &quot;rgb(228,65,157)&quot;, &quot;rgb(254,75,131)&quot;,
                    &quot;rgb(255,94,99)&quot;, &quot;rgb(255,120,71)&quot;, &quot;rgb(251,150,51)&quot;, &quot;rgb(226,183,47)&quot;, &quot;rgb(198,214,60)&quot;, &quot;rgb(175,240,91)&quot;,
                    &quot;rgb(127,246,88)&quot;, &quot;rgb(82,246,103)&quot;, &quot;rgb(48,239,130)&quot;, &quot;rgb(29,223,163)&quot;, &quot;rgb(26,199,194)&quot;,
                    &quot;rgb(35,171,216)&quot;, &quot;rgb(54,140,225)&quot;, &quot;rgb(76,110,219)&quot;, &quot;rgb(96,84,200)&quot;
                ],
                c = {
                    text: &quot;&quot;,
                    prefixP: -s,
                    skillI: 0,
                    skillP: 0,
                    direction: &quot;forward&quot;,
                    delay: a,
                    step: g
                };
            i()
        };
        chakhsu(document.getElementById('chakhsu'));
    &lt;/script&gt;
&lt;/span&gt;</code></pre><p><p></p></div></div></div></p><h3>给正文添加结束标识</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d2423fc6d9f4b2dfbd36c201b4aa024b52" aria-expanded="true"><div class="accordion-toggle"><span style="">给正文添加结束标识</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d2423fc6d9f4b2dfbd36c201b4aa024b52" class="collapse collapse-content"><p></p>效果就是像本博客的每篇博文正文下面有一个好看的END标识。<img src="https://img03.sogoucdn.com/app/a/200692/638_42_feedback_67fc7a1efe434f07afa212def41c7b57.png" alt="" title="" style=""><br>首先打开 网站根目录<code>/usr/themes/handsome的post.php</code>文件<br>找到<code>&lt;?php if ($this-&gt;options-&gt;adContentPost != &quot;&quot;): ?&gt;</code>这行代码，在其上方(截图标出的位置)的空白位置<img src="https://img03.sogoucdn.com/app/a/200692/886_464_feedback_51727d05516646e49c57430490a99356.png" alt="" title="" style="">添加以下代码</p><pre><code class="lang-HTML">&lt;!--内容结束分割线--&gt;
&lt;div class=&quot;tt-fenge-end&quot;&gt;
    &lt;span&gt;End&lt;/span&gt;
&lt;/div&gt;
&lt;!--/ 内容结束分割线--&gt;</code></pre><p>并在改好保存后，在<code>自定义CSS</code>处添加以下代码</p><pre><code class="lang-CSS">/*文章正文下的结束End分割线样式*/
.tt-fenge-end{border-top: 2px dotted #eee;height: 0px;margin: 35px 0px;text-align: center;width: 100%;line-height: 1.6em;}
.tt-fenge-end span{background-color: #23b7e5;color: #fff;padding: 2px 8px;position: relative;top: -14px;border-radius: 12px;font-size: 12px;}
/*深色模式下文章正文下的结束End分割线颜色*/
html.theme-dark .tt-fenge-end{border-top: 2px dotted #4f4f4f;}</code></pre><p><p></p></div></div></div></p><h3>后台登陆界面美化</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-fe0bef6198e993bcebeb92de1aacd3a853" aria-expanded="true"><div class="accordion-toggle"><span style="">后台登陆界面美化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-fe0bef6198e993bcebeb92de1aacd3a853" class="collapse collapse-content"><p></p>效果图：<img src="https://img04.sogoucdn.com/app/a/200692/2559_1227_feedback_e4ffd68829fc40ce807048096d7168e1.png" alt="" title="" style=""><br>方法<br>第一步：用压缩包内的<code>login.php</code>文件替换掉<code>/admin/login.php</code>文件<br>第二步：将压缩包内的<code>style</code>文件夹上传到<code>/admin/</code>文件夹下<br>第三步：修改<code>login.php</code>第<code>35</code>行，把“TuJun'Blog”替换成自己的信息<br><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/iwdPq0ad52zg','_blank')"><i><i data-feather="download"></i></i>后台登录界面源码</button><br><p></p></div></div></div></p><h3>正文下方添加版权声明</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-03f4a7f613e6906315dae13e8ead944170" aria-expanded="true"><div class="accordion-toggle"><span style="">正文下方添加版权声明</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-03f4a7f613e6906315dae13e8ead944170" class="collapse collapse-content"><p></p>这个代码同样也是在<code>&lt;?php if ($this-&gt;options-&gt;adContentPost != &quot;&quot;): ?&gt;</code>的上方<br>添加位置和上面正文结束功能的添加位置相同，如图所示：<img src="https://img04.sogoucdn.com/app/a/200692/748_373_feedback_73af7cc7b01248a0a2f525d67cc988f8.jpg" alt="" title="" style="">找到后添加以下代码(你也可以添加到其他你认为合适的地方)</p><pre><code class="lang-HTML">&lt;!--知识共享许可协议--&gt;
&lt;div
    style=&quot;padding: 10px;background: rgba(220, 220, 220, 0.22);font-size: 13px;border-left: 3px solid;text-align: left;&quot;&gt;
    &lt;div class=&quot;tt-license&quot;&gt;
        &lt;p&gt;&lt;span class=&quot;tt-license-icon&quot;&gt;&lt;i data-feather=&quot;award&quot;&gt;&lt;/i&gt;&lt;/span&gt;本文标题：
            &lt;?php $this-&gt;title() ?&gt;
        &lt;/p&gt;
        &lt;p&gt;&lt;span class=&quot;tt-license-icon&quot;&gt;&lt;i data-feather=&quot;link&quot;&gt;&lt;/i&gt;&lt;/span&gt;本文链接：
            &lt;?php $this-&gt;permalink() ?&gt;
        &lt;/p&gt;
        &lt;p&gt;&lt;span class=&quot;tt-license-icon&quot;&gt;&lt;i data-feather=&quot;shield&quot;&gt;&lt;/i&gt;&lt;/span&gt;除非另有说明，本作品采用 &lt;a rel=&quot;license&quot;
                href=&quot;http://creativecommons.org/licenses/by-nc-sa/4.0/&quot;&gt; 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议&lt;/a&gt;。&lt;/p&gt;
        &lt;p&gt;&lt;span class=&quot;tt-license-icon&quot;&gt;&lt;i data-feather=&quot;alert-circle&quot;&gt;&lt;/i&gt;&lt;/span&gt;声明：转载请注明文章来源。&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;!-- / 知识共享许可协议--&gt;</code></pre><p>添加好后，在<code>自定义CSS</code>中添加以下代码：</p><pre><code class="lang-CSS">/*文章正文下的知识共享许可协议*/
.tt-license {font-size: 12px;font-weight: 600;padding: 1rem;background: repeating-linear-gradient(135deg,#f6f6f6,#f6f6f6 12px,#fff 0,#fff 24px);background-color: #f3f5f7;border-left: 3px solid #dde6e9;margin-bottom: 20px;}
.tt-license-icon {align-items: center;position: relative;float: left;margin: -10px -10px -10px 0;margin-right: 10px;overflow: hidden;text-align: center;display: flex;height: 40px;color: #ff5722;}
.tt-license a {color: #337ab7;text-decoration: underline;margin: 0 5px;}
/*深色模式下的知识共享许可协议*/
html.theme-dark .tt-license {background: repeating-linear-gradient(135deg,#191919,#191919 12px,#222 0,#222 24px);border-left: 3px solid #494949;}.tt-license p {line-height: 1.5em;margin: 5px 0!important;}</code></pre><p>到这里基本上就大功告成了。放一下改后的代码样子<img src="https://img02.sogoucdn.com/app/a/200692/1694_600_feedback_e56df7c8e65e4d309437e15c9cac7700.jpg" alt="" title="" style=""><p></p></div></div></div></p><h3>右侧添加人生倒计时(岁月不待人)</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-22f465cc2df41f1088aff0d9baaf40d326" aria-expanded="true"><div class="accordion-toggle"><span style="">右侧添加人生倒计时(岁月不待人)</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-22f465cc2df41f1088aff0d9baaf40d326" class="collapse collapse-content"><p></p>首先找到网站根目录<code>/usr/themes/handsome/component</code><br>打开<code>sidebar.php</code>文件，找到<code>&lt;!--广告位置--&gt;</code>这一行内容。<br>在该内容向上两行找到<code>&lt;?php endif; ?&gt;</code>，在该行紧接着下面添加如下代码：</p><pre><code class="lang-HTML">&lt;!-- 时间倒计时代码开始 --&gt;
&lt;section id=&quot;blog_info&quot; class=&quot;widget widget_categories wrapper-md clear&quot;&gt;
    &lt;h5 class=&quot;widget-title m-t-none text-md&quot;&gt;
        &lt;?php _me(&quot;岁月不待人&quot;) ?&gt;
    &lt;/h5&gt;
    &lt;div class=&quot;sidebar sidebar-count&quot;&gt;
        &lt;div class=&quot;content&quot;&gt;
            &lt;div class=&quot;item&quot; id=&quot;dayProgress&quot;&gt;
                &lt;div class=&quot;title&quot;&gt;今日已经过去&lt;span&gt;&lt;/span&gt;小时&lt;/div&gt;
                &lt;div class=&quot;progress&quot;&gt;
                    &lt;div class=&quot;progress-bar&quot;&gt;
                        &lt;div class=&quot;progress-inner progress-inner-1&quot;&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;progress-percentage&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;item&quot; id=&quot;weekProgress&quot;&gt;
                &lt;div class=&quot;title&quot;&gt;这周已经过去&lt;span&gt;&lt;/span&gt;天&lt;/div&gt;
                &lt;div class=&quot;progress&quot;&gt;
                    &lt;div class=&quot;progress-bar&quot;&gt;
                        &lt;div class=&quot;progress-inner progress-inner-2&quot;&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;progress-percentage&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;item&quot; id=&quot;monthProgress&quot;&gt;
                &lt;div class=&quot;title&quot;&gt;本月已经过去&lt;span&gt;&lt;/span&gt;天&lt;/div&gt;
                &lt;div class=&quot;progress&quot;&gt;
                    &lt;div class=&quot;progress-bar&quot;&gt;
                        &lt;div class=&quot;progress-inner progress-inner-3&quot;&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;progress-percentage&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;item&quot; id=&quot;yearProgress&quot;&gt;
                &lt;div class=&quot;title&quot;&gt;今年已经过去&lt;span&gt;&lt;/span&gt;个月&lt;/div&gt;
                &lt;div class=&quot;progress&quot;&gt;
                    &lt;div class=&quot;progress-bar&quot;&gt;
                        &lt;div class=&quot;progress-inner progress-inner-4&quot;&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;progress-percentage&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;!-- 时间倒计时代码结束 --&gt;</code></pre><p>加后的样子如下<img src="https://img04.sogoucdn.com/app/a/200692/1263_1193_feedback_44c8f72d713340a1b25568ff0ea18032.jpg" alt="" title="" style="">改好后保存退出，进入网站根目录<code>/usr/themes/handsome/assets/js/</code>的文件夹<br>创建一个名为<code>timeinfo.js</code>的文件，并将以下代码放进该文件后，保存并退出</p><pre><code class="lang-JS">function init_life_time() {
function getAsideLifeTime() {
    /* 当前时间戳 */
    let nowDate = +new Date();
    /* 今天开始时间戳 */
    let todayStartDate = new Date(new Date().toLocaleDateString()).getTime();
    /* 今天已经过去的时间 */
    let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60;
    /* 今天已经过去的时间比 */
    let todayPassHoursPercent = (todayPassHours / 24) * 100;
    $('#dayProgress .title span').html(parseInt(todayPassHours));
    $('#dayProgress .progress .progress-inner').css('width', parseInt(todayPassHoursPercent) + '%');
    $('#dayProgress .progress .progress-percentage').html(parseInt(todayPassHoursPercent) + '%');
    /* 当前周几 */
    let weeks = {
        0: 7,
        1: 1,
        2: 2,
        3: 3,
        4: 4,
        5: 5,
        6: 6
        };
    let weekDay = weeks[new Date().getDay()];
    let weekDayPassPercent = (weekDay / 7) * 100;
    $('#weekProgress .title span').html(weekDay);
    $('#weekProgress .progress .progress-inner').css('width', parseInt(weekDayPassPercent) + '%');
    $('#weekProgress .progress .progress-percentage').html(parseInt(weekDayPassPercent) + '%');
    let year = new Date().getFullYear();
    let date = new Date().getDate();
    let month = new Date().getMonth() + 1;
    let monthAll = new Date(year, month, 0).getDate();
    let monthPassPercent = (date / monthAll) * 100;
    $('#monthProgress .title span').html(date);
    $('#monthProgress .progress .progress-inner').css('width', parseInt(monthPassPercent) + '%');
    $('#monthProgress .progress .progress-percentage').html(parseInt(monthPassPercent) + '%');
    let yearPass = (month / 12) * 100;
    $('#yearProgress .title span').html(month);
    $('#yearProgress .progress .progress-inner').css('width', parseInt(yearPass) + '%');
    $('#yearProgress .progress .progress-percentage').html(parseInt(yearPass) + '%');
    }
    getAsideLifeTime();
    setInterval(() =&gt; {
        getAsideLifeTime();
    }, 1000);
    }
    init_life_time()</code></pre><p>以下代码放在 <code>后台-外观设置-开发者设置-自定义CSS</code></p><pre><code class="lang-CSS">/* 时间流逝 */
.sidebar-count .content {
    padding: 15px
}
 
.sidebar-count .content .item {
    margin-bottom: 15px
}
 
.sidebar-count .content .item:last-child {
    margin-bottom: 0
}
 
.sidebar-count .content .item .title {
    font-size: 12px;
    color: var(--minor);
    margin-bottom: 5px;
    display: flex;
    align-items: center
}
 
.sidebar-count .content .item .title span {
    color: var(--theme);
    font-weight: 500;
    font-size: 14px;
    margin: 0 5px
}
 
.sidebar-count .content .item .progress {
    display: flex;
    align-items: center
}
 
.sidebar-count .content .item .progress .progress-bar {
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: var(--classC);
    width: 0;
    min-width: 0;
    flex: 1;
    margin-right: 5px
}
@keyframes progress {
    0% {
        background-position: 0 0
    }
 
    100% {
        background-position: 30px 0
    }
}
.sidebar-count .content .item .progress .progress-bar .progress-inner {
    width: 0;
    height: 100%;
    border-radius: 5px;
    transition: width 0.35s;
    -webkit-animation: progress 750ms linear infinite;
    animation: progress 750ms linear infinite
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-1 {
    background: #bde6ff;
    background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-2 {
    background: #ffd980;
    background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-3 {
    background: #ffa9a9;
    background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-4 {
    background: #67c23a;
    background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-percentage {
    color: var(--info)
}</code></pre><p>最后一步,将以下代码放在<code>后台-外观设置-开发者设置-自定义输出body尾部</code></p><pre><code class="lang-HTML">&lt;!-- 时间流逝 --&gt;  
&lt;script src=&quot;https://你的域名/usr/themes/handsome/assets/js/timeinfo.js&quot;&gt;&lt;/script&gt;</code></pre><p>步骤均完成后，即可去查看效果了~<br><p></p></div></div></div></p><h3>取消时光机文字首字放大效果</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-25fc3e8abbeb51fd0d6e779ae142ddf443" aria-expanded="true"><div class="accordion-toggle"><span style="">取消时光机文字首字放大效果</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-25fc3e8abbeb51fd0d6e779ae142ddf443" class="collapse collapse-content"><p></p>修改<code>usr/themes/handsome/component/say.php</code>文件，将以下代码注释掉</p><pre><code class="lang-CSS">#talk .streamline&gt;.comment-list &gt; .comment-body &gt;.time-machine &gt; .panel-body p:first-letter {
    font-size: 140%;
    /* float: left; */
    vertical-align: middle;
}</code></pre><p><p></p></div></div></div></p><h3>右侧栏添加手机阅读二维码</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3639864f1c99a6aa46114130601b9eff74" aria-expanded="true"><div class="accordion-toggle"><span style="">右侧栏添加手机阅读二维码</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3639864f1c99a6aa46114130601b9eff74" class="collapse collapse-content"><p></p>首先在<code>/usr/themes/handsome/assets/js</code>目录内创建一个<code>qrcode.min.js</code>文件，将以下代码加入</p><pre><code class="lang-JS">var QRCode;!function(){function a(a){this.mode=c.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=[],d=0,e=this.data.length;e&gt;d;d++){var f=this.data.charCodeAt(d);f&gt;65536?(b[0]=240|(1835008&amp;f)&gt;&gt;&gt;18,b[1]=128|(258048&amp;f)&gt;&gt;&gt;12,b[2]=128|(4032&amp;f)&gt;&gt;&gt;6,b[3]=128|63&amp;f):f&gt;2048?(b[0]=224|(61440&amp;f)&gt;&gt;&gt;12,b[1]=128|(4032&amp;f)&gt;&gt;&gt;6,b[2]=128|63&amp;f):f&gt;128?(b[0]=192|(1984&amp;f)&gt;&gt;&gt;6,b[1]=128|63&amp;f):b[0]=f,this.parsedData=this.parsedData.concat(b)}this.parsedData.length!=this.data.length&amp;&amp;(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function i(a,b){if(void 0==a.length)throw new Error(a.length+&quot;/&quot;+b);for(var c=0;c&lt;a.length&amp;&amp;0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d&lt;a.length-c;d++)this.num[d]=a[d+c]}function j(a,b){this.totalCount=a,this.dataCount=b}function k(){this.buffer=[],this.length=0}function m(){return&quot;undefined&quot;!=typeof CanvasRenderingContext2D}function n(){var a=!1,b=navigator.userAgent;return/android/i.test(b)&amp;&amp;(a=!0,aMat=b.toString().match(/android ([0-9]\.[0-9])/i),aMat&amp;&amp;aMat[1]&amp;&amp;(a=parseFloat(aMat[1]))),a}function r(a,b){for(var c=1,e=s(a),f=0,g=l.length;g&gt;=f;f++){var h=0;switch(b){case d.L:h=l[f][0];break;case d.M:h=l[f][26];break;case d.Q:h=l[f][27];break;case d.H:h=l[f][28]}if(h&gt;=e)break;c++}if(c&gt;l.length)throw new Error(&quot;Too long data&quot;);return c}function s(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,&quot;a&quot;);return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c&gt;b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0&gt;a||this.moduleCount&lt;=a||0&gt;b||this.moduleCount&lt;=b)throw new Error(a+&quot;,&quot;+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d&lt;this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e&lt;this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber&gt;=7&amp;&amp;this.setupTypeNumber(a),null==this.dataCache&amp;&amp;(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7&gt;=c;c++)if(!(-1&gt;=a+c||this.moduleCount&lt;=a+c))for(var d=-1;7&gt;=d;d++)-1&gt;=b+d||this.moduleCount&lt;=b+d||(this.modules[a+c][b+d]=c&gt;=0&amp;&amp;6&gt;=c&amp;&amp;(0==d||6==d)||d&gt;=0&amp;&amp;6&gt;=d&amp;&amp;(0==c||6==c)||c&gt;=2&amp;&amp;4&gt;=c&amp;&amp;d&gt;=2&amp;&amp;4&gt;=d?!0:!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8&gt;c;c++){this.makeImpl(!0,c);var d=f.getLostPoint(this);(0==c||a&gt;d)&amp;&amp;(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f&lt;this.modules.length;f++)for(var g=f*e,h=0;h&lt;this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&amp;&amp;(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a&lt;this.moduleCount-8;a++)null==this.modules[a][29]&amp;&amp;(this.modules[a][30]=0==a%2);for(var b=8;b&lt;this.moduleCount-8;b++)null==this.modules[6][b]&amp;&amp;(this.modules[6][b]=0==b%2)},setupPositionAdjustPattern:function(){for(var a=f.getPatternPosition(this.typeNumber),b=0;b&lt;a.length;b++)for(var c=0;c&lt;a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var g=-2;2&gt;=g;g++)for(var h=-2;2&gt;=h;h++)this.modules[d+g][e+h]=-2==g||2==g||-2==h||2==h||0==g&amp;&amp;0==h?!0:!1}},setupTypeNumber:function(a){for(var b=f.getBCHTypeNumber(this.typeNumber),c=0;18&gt;c;c++){var d=!a&amp;&amp;1==(1&amp;b&gt;&gt;c);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18&gt;c;c++){var d=!a&amp;&amp;1==(1&amp;b&gt;&gt;c);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel&lt;&lt;3|b,d=f.getBCHTypeInfo(c),e=0;15&gt;e;e++){var g=!a&amp;&amp;1==(1&amp;d&gt;&gt;e);6&gt;e?this.modules[e][31]=g:8&gt;e?this.modules[e+1][32]=g:this.modules[this.moduleCount-15+e][33]=g}for(var e=0;15&gt;e;e++){var g=!a&amp;&amp;1==(1&amp;d&gt;&gt;e);8&gt;e?this.modules[8][this.moduleCount-e-1]=g:9&gt;e?this.modules[8][15-e-1+1]=g:this.modules[8][15-e-1]=g}this.modules[this.moduleCount-8][34]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,g=0,h=this.moduleCount-1;h&gt;0;h-=2)for(6==h&amp;&amp;h--;;){for(var i=0;2&gt;i;i++)if(null==this.modules[d][h-i]){var j=!1;g&lt;a.length&amp;&amp;(j=1==(1&amp;a[g]&gt;&gt;&gt;e));var k=f.getMask(b,d,h-i);k&amp;&amp;(j=!j),this.modules[d][h-i]=j,e--,-1==e&amp;&amp;(g++,e=7)}if(d+=c,0&gt;d||this.moduleCount&lt;=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,d){for(var e=j.getRSBlocks(a,c),g=new k,h=0;h&lt;d.length;h++){var i=d[h];g.put(i.mode,4),g.put(i.getLength(),f.getLengthInBits(i.mode,a)),i.write(g)}for(var l=0,h=0;h&lt;e.length;h++)l+=e[h].dataCount;if(g.getLengthInBits()&gt;8*l)throw new Error(&quot;code length overflow. (&quot;+g.getLengthInBits()+&quot;&gt;&quot;+8*l+&quot;)&quot;);for(g.getLengthInBits()+4&lt;=8*l&amp;&amp;g.put(0,4);0!=g.getLengthInBits()%8;)g.putBit(!1);for(;;){if(g.getLengthInBits()&gt;=8*l)break;if(g.put(b.PAD0,8),g.getLengthInBits()&gt;=8*l)break;g.put(b.PAD1,8)}return b.createBytes(g,e)},b.createBytes=function(a,b){for(var c=0,d=0,e=0,g=new Array(b.length),h=new Array(b.length),j=0;j&lt;b.length;j++){var k=b[j].dataCount,l=b[j].totalCount-k;d=Math.max(d,k),e=Math.max(e,l),g[j]=new Array(k);for(var m=0;m&lt;g[j].length;m++)g[j][m]=255&amp;a.buffer[m+c];c+=k;var n=f.getErrorCorrectPolynomial(l),o=new i(g[j],n.getLength()-1),p=o.mod(n);h[j]=new Array(n.getLength()-1);for(var m=0;m&lt;h[j].length;m++){var q=m+p.getLength()-h[j].length;h[j][m]=q&gt;=0?p.get(q):0}}for(var r=0,m=0;m&lt;b.length;m++)r+=b[m].totalCount;for(var s=new Array(r),t=0,m=0;d&gt;m;m++)for(var j=0;j&lt;b.length;j++)m&lt;g[j].length&amp;&amp;(s[t++]=g[j][m]);for(var m=0;e&gt;m;m++)for(var j=0;j&lt;b.length;j++)m&lt;h[j].length&amp;&amp;(s[t++]=h[j][m]);return s};for(var c={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},d={L:1,M:0,Q:3,H:2},e={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},f={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a&lt;&lt;10;f.getBCHDigit(b)-f.getBCHDigit(f.G15)&gt;=0;)b^=f.G15&lt;&lt;f.getBCHDigit(b)-f.getBCHDigit(f.G15);return(a&lt;&lt;10|b)^f.G15_MASK},getBCHTypeNumber:function(a){for(var b=a&lt;&lt;12;f.getBCHDigit(b)-f.getBCHDigit(f.G18)&gt;=0;)b^=f.G18&lt;&lt;f.getBCHDigit(b)-f.getBCHDigit(f.G18);return a&lt;&lt;12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a&gt;&gt;&gt;=1;return b},getPatternPosition:function(a){return f.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case e.PATTERN000:return 0==(b+c)%2;case e.PATTERN001:return 0==b%2;case e.PATTERN010:return 0==c%3;case e.PATTERN011:return 0==(b+c)%3;case e.PATTERN100:return 0==(Math.floor(b/2)+Math.floor(c/3))%2;case e.PATTERN101:return 0==b*c%2+b*c%3;case e.PATTERN110:return 0==(b*c%2+b*c%3)%2;case e.PATTERN111:return 0==(b*c%3+(b+c)%2)%2;default:throw new Error(&quot;bad maskPattern:&quot;+a)}},getErrorCorrectPolynomial:function(a){for(var b=new i([1],0),c=0;a&gt;c;c++)b=b.multiply(new i([1,g.gexp(c)],0));return b},getLengthInBits:function(a,b){if(b&gt;=1&amp;&amp;10&gt;b)switch(a){case c.MODE_NUMBER:return 10;case c.MODE_ALPHA_NUM:return 9;case c.MODE_8BIT_BYTE:return 8;case c.MODE_KANJI:return 8;default:throw new Error(&quot;mode:&quot;+a)}else if(27&gt;b)switch(a){case c.MODE_NUMBER:return 12;case c.MODE_ALPHA_NUM:return 11;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 10;default:throw new Error(&quot;mode:&quot;+a)}else{if(!(41&gt;b))throw new Error(&quot;type:&quot;+b);switch(a){case c.MODE_NUMBER:return 14;case c.MODE_ALPHA_NUM:return 13;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 12;default:throw new Error(&quot;mode:&quot;+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b&gt;d;d++)for(var e=0;b&gt;e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1&gt;=h;h++)if(!(0&gt;d+h||d+h&gt;=b))for(var i=-1;1&gt;=i;i++)0&gt;e+i||e+i&gt;=b||(0!=h||0!=i)&amp;&amp;g==a.isDark(d+h,e+i)&amp;&amp;f++;f&gt;5&amp;&amp;(c+=3+f-5)}for(var d=0;b-1&gt;d;d++)for(var e=0;b-1&gt;e;e++){var j=0;a.isDark(d,e)&amp;&amp;j++,a.isDark(d+1,e)&amp;&amp;j++,a.isDark(d,e+1)&amp;&amp;j++,a.isDark(d+1,e+1)&amp;&amp;j++,(0==j||4==j)&amp;&amp;(c+=3)}for(var d=0;b&gt;d;d++)for(var e=0;b-6&gt;e;e++)a.isDark(d,e)&amp;&amp;!a.isDark(d,e+1)&amp;&amp;a.isDark(d,e+2)&amp;&amp;a.isDark(d,e+3)&amp;&amp;a.isDark(d,e+4)&amp;&amp;!a.isDark(d,e+5)&amp;&amp;a.isDark(d,e+6)&amp;&amp;(c+=40);for(var e=0;b&gt;e;e++)for(var d=0;b-6&gt;d;d++)a.isDark(d,e)&amp;&amp;!a.isDark(d+1,e)&amp;&amp;a.isDark(d+2,e)&amp;&amp;a.isDark(d+3,e)&amp;&amp;a.isDark(d+4,e)&amp;&amp;!a.isDark(d+5,e)&amp;&amp;a.isDark(d+6,e)&amp;&amp;(c+=40);for(var k=0,e=0;b&gt;e;e++)for(var d=0;b&gt;d;d++)a.isDark(d,e)&amp;&amp;k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},g={glog:function(a){if(1&gt;a)throw new Error(&quot;glog(&quot;+a+&quot;)&quot;);return g.LOG_TABLE[a]},gexp:function(a){for(;0&gt;a;)a+=255;for(;a&gt;=256;)a-=255;return g.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},h=0;8&gt;h;h++)g.EXP_TABLE[h]=1&lt;&lt;h;for(var h=8;256&gt;h;h++)g.EXP_TABLE[h]=g.EXP_TABLE[h-4]^g.EXP_TABLE[h-5]^g.EXP_TABLE[h-6]^g.EXP_TABLE[h-8];for(var h=0;255&gt;h;h++)g.LOG_TABLE[g.EXP_TABLE[h]]=h;i.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),c=0;c&lt;this.getLength();c++)for(var d=0;d&lt;a.getLength();d++)b[c+d]^=g.gexp(g.glog(this.get(c))+g.glog(a.get(d)));return new i(b,0)},mod:function(a){if(this.getLength()-a.getLength()&lt;0)return this;for(var b=g.glog(this.get(0))-g.glog(a.get(0)),c=new Array(this.getLength()),d=0;d&lt;this.getLength();d++)c[d]=this.get(d);for(var d=0;d&lt;a.getLength();d++)c[d]^=g.gexp(g.glog(a.get(d))+b);return new i(c,0).mod(a)}},j.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],j.getRSBlocks=function(a,b){var c=j.getRsBlockTable(a,b);if(void 0==c)throw new Error(&quot;bad rs block @ typeNumber:&quot;+a+&quot;/errorCorrectLevel:&quot;+b);for(var d=c.length/3,e=[],f=0;d&gt;f;f++)for(var g=c[3*f+0],h=c[3*f+1],i=c[3*f+2],k=0;g&gt;k;k++)e.push(new j(h,i));return e},j.getRsBlockTable=function(a,b){switch(b){case d.L:return j.RS_BLOCK_TABLE[4*(a-1)+0];case d.M:return j.RS_BLOCK_TABLE[4*(a-1)+1];case d.Q:return j.RS_BLOCK_TABLE[4*(a-1)+2];case d.H:return j.RS_BLOCK_TABLE[4*(a-1)+3];default:return void 0}},k.prototype={get:function(a){var b=Math.floor(a/8);return 1==(1&amp;this.buffer[b]&gt;&gt;&gt;7-a%8)},put:function(a,b){for(var c=0;b&gt;c;c++)this.putBit(1==(1&amp;a&gt;&gt;&gt;b-c-1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length&lt;=b&amp;&amp;this.buffer.push(0),a&amp;&amp;(this.buffer[b]|=128&gt;&gt;&gt;this.length%8),this.length++}};var l=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],o=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function g(a,b){var c=document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;,a);for(var d in b)b.hasOwnProperty(d)&amp;&amp;c.setAttribute(d,b[d]);return c}var b=this._htOption,c=this._el,d=a.getModuleCount();Math.floor(b.width/d),Math.floor(b.height/d),this.clear();var h=g(&quot;svg&quot;,{viewBox:&quot;0 0 &quot;+String(d)+&quot; &quot;+String(d),width:&quot;100%&quot;,height:&quot;100%&quot;,fill:b.colorLight});h.setAttributeNS(&quot;http://www.w3.org/2000/xmlns/&quot;,&quot;xmlns:xlink&quot;,&quot;http://www.w3.org/1999/xlink&quot;),c.appendChild(h),h.appendChild(g(&quot;rect&quot;,{fill:b.colorDark,width:&quot;1&quot;,height:&quot;1&quot;,id:&quot;template&quot;}));for(var i=0;d&gt;i;i++)for(var j=0;d&gt;j;j++)if(a.isDark(i,j)){var k=g(&quot;use&quot;,{x:String(i),y:String(j)});k.setAttributeNS(&quot;http://www.w3.org/1999/xlink&quot;,&quot;href&quot;,&quot;#template&quot;),h.appendChild(k)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),p=&quot;svg&quot;===document.documentElement.tagName.toLowerCase(),q=p?o:m()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL(&quot;image/png&quot;),this._elImage.style.display=&quot;block&quot;,this._elCanvas.style.display=&quot;none&quot;}function d(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement(&quot;img&quot;),e=function(){c._bSupportDataURI=!1,c._fFail&amp;&amp;_fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&amp;&amp;c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,d.src=&quot;data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==&quot;,void 0}c._bSupportDataURI===!0&amp;&amp;c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&amp;&amp;c._fFail&amp;&amp;c._fFail.call(c)}if(this._android&amp;&amp;this._android&lt;=2.1){var b=1/window.devicePixelRatio,c=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,d,e,f,g,h,i,j){if(&quot;nodeName&quot;in a&amp;&amp;/img/i.test(a.nodeName))for(var l=arguments.length-1;l&gt;=1;l--)arguments[l]=arguments[l]*b;else&quot;undefined&quot;==typeof j&amp;&amp;(arguments[1]*=b,arguments[2]*=b,arguments[3]*=b,arguments[4]*=b);c.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=n(),this._htOption=b,this._elCanvas=document.createElement(&quot;canvas&quot;),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext(&quot;2d&quot;),this._bIsPainted=!1,this._elImage=document.createElement(&quot;img&quot;),this._elImage.style.display=&quot;none&quot;,this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display=&quot;none&quot;,this.clear();for(var j=0;e&gt;j;j++)for(var k=0;e&gt;k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&amp;&amp;d.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){for(var b=this._htOption,c=this._el,d=a.getModuleCount(),e=Math.floor(b.width/d),f=Math.floor(b.height/d),g=['&lt;table style=&quot;border:0;border-collapse:collapse;&quot;&gt;'],h=0;d&gt;h;h++){g.push(&quot;&lt;tr&gt;&quot;);for(var i=0;d&gt;i;i++)g.push('&lt;td style=&quot;border:0;border-collapse:collapse;padding:0;margin:0;width:'+e+&quot;px;height:&quot;+f+&quot;px;background-color:&quot;+(a.isDark(h,i)?b.colorDark:b.colorLight)+';&quot;&gt;&lt;/td&gt;');g.push(&quot;&lt;/tr&gt;&quot;)}g.push(&quot;&lt;/table&gt;&quot;),c.innerHTML=g.join(&quot;&quot;);var j=c.childNodes[0],k=(b.width-j.offsetWidth)/2,l=(b.height-j.offsetHeight)/2;k&gt;0&amp;&amp;l&gt;0&amp;&amp;(j.style.margin=l+&quot;px &quot;+k+&quot;px&quot;)},a.prototype.clear=function(){this._el.innerHTML=&quot;&quot;},a}();QRCode=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:&quot;#000000&quot;,colorLight:&quot;#ffffff&quot;,correctLevel:d.H},&quot;string&quot;==typeof b&amp;&amp;(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];&quot;string&quot;==typeof a&amp;&amp;(a=document.getElementById(a)),this._android=n(),this._el=a,this._oQRCode=null,this._oDrawing=new q(this._el,this._htOption),this._htOption.text&amp;&amp;this.makeCode(this._htOption.text)},QRCode.prototype.makeCode=function(a){this._oQRCode=new b(r(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCode.prototype.makeImage=function(){&quot;function&quot;==typeof this._oDrawing.makeImage&amp;&amp;(!this._android||this._android&gt;=3)&amp;&amp;this._oDrawing.makeImage()},QRCode.prototype.clear=function(){this._oDrawing.clear()},QRCode.CorrectLevel=d}();</code></pre><p>添加好后打开<code>/usr/themes/handsome/component/sidebar.php</code><br>在<code>pull-right&quot;&gt;&lt;?php echo timer_stop(); ?&gt;&lt;/span&gt;&lt;?php _me(&quot;响应耗时&quot;) ?&gt;&lt;/li&gt;</code>之后两行的<code>&lt;/section&gt;</code>之后，<code>&lt;?php endif; ?&gt;</code>之前添加以下代码。当然具体位置可以按照自己的喜好来。记得把<code>qrcode.min.js</code>地址改成自己的(也可以不改)~</p><pre><code class="lang-HTML">    &lt;section  id=&quot;blog_qrurl&quot; class=&quot;widget widget_categories wrapper-md clear&quot;&gt;
   
    &lt;script type=&quot;text/javascript&quot; src=&quot;//cdn.staticfile.org/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;//static.runoob.com/assets/qrcode/qrcode.min.js&quot;&gt;&lt;/script&gt;
      &lt;h5 class=&quot;widget-title m-t-none text-md&quot;&gt;&lt;?php _me(&quot;移动端阅读&quot;) ?&gt;&lt;/h5&gt;
      &lt;style&gt;
          #qrcode img{
              max-width: 100%;
          }
          @media (max-width: 767px){
              #qrcode{
                  display: none;
              }
          }

&lt;/style&gt;
      &lt;div id=&quot;qrcode&quot;&gt;&lt;/div&gt;
      &lt;script&gt;
        var elText = window.location.href;
        new QRCode(document.getElementById(&quot;qrcode&quot;), elText);
      &lt;/script&gt;
  
  &lt;/section&gt;</code></pre><p><p></p></div></div></div></p><h3>网页悬浮二维码</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3e8acabf5dc867eee9722bef385180188" aria-expanded="true"><div class="accordion-toggle"><span style="">网页悬浮二维码</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3e8acabf5dc867eee9722bef385180188" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/420_382_feedback_11b800d2f8f74c7587c5b194174edf8e.png" alt="" title="" style=""><br>首先在<code>/usr/themes/handsome/assets/js</code>目录内创建一个<code>qrcode.min.js</code>文件，将以下代码加入</p><pre><code class="lang-JS">var QRCode;!function(){function t(t){this.mode=r.MODE_8BIT_BYTE,this.data=t,this.parsedData=[];for(var e=0,o=this.data.length;e&lt;o;e++){var i=[],n=this.data.charCodeAt(e);n&gt;65536?(i[0]=240|(1835008&amp;n)&gt;&gt;&gt;18,i[1]=128|(258048&amp;n)&gt;&gt;&gt;12,i[2]=128|(4032&amp;n)&gt;&gt;&gt;6,i[3]=128|63&amp;n):n&gt;2048?(i[0]=224|(61440&amp;n)&gt;&gt;&gt;12,i[1]=128|(4032&amp;n)&gt;&gt;&gt;6,i[2]=128|63&amp;n):n&gt;128?(i[0]=192|(1984&amp;n)&gt;&gt;&gt;6,i[1]=128|63&amp;n):i[0]=n,this.parsedData.push(i)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length&amp;&amp;(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function e(t,e){this.typeNumber=t,this.errorCorrectLevel=e,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}t.prototype={getLength:function(t){return this.parsedData.length},write:function(t){for(var e=0,r=this.parsedData.length;e&lt;r;e++)t.put(this.parsedData[e],8)}},e.prototype={addData:function(e){var r=new t(e);this.dataList.push(r),this.dataCache=null},isDark:function(t,e){if(t&lt;0||this.moduleCount&lt;=t||e&lt;0||this.moduleCount&lt;=e)throw new Error(t+&quot;,&quot;+e);return this.modules[t][e]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(t,r){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var o=0;o&lt;this.moduleCount;o++){this.modules[o]=new Array(this.moduleCount);for(var i=0;i&lt;this.moduleCount;i++)this.modules[o][i]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,r),this.typeNumber&gt;=7&amp;&amp;this.setupTypeNumber(t),null==this.dataCache&amp;&amp;(this.dataCache=e.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,r)},setupPositionProbePattern:function(t,e){for(var r=-1;r&lt;=7;r++)if(!(t+r&lt;=-1||this.moduleCount&lt;=t+r))for(var o=-1;o&lt;=7;o++)e+o&lt;=-1||this.moduleCount&lt;=e+o||(this.modules[t+r][e+o]=0&lt;=r&amp;&amp;r&lt;=6&amp;&amp;(0==o||6==o)||0&lt;=o&amp;&amp;o&lt;=6&amp;&amp;(0==r||6==r)||2&lt;=r&amp;&amp;r&lt;=4&amp;&amp;2&lt;=o&amp;&amp;o&lt;=4)},getBestMaskPattern:function(){for(var t=0,e=0,r=0;r&lt;8;r++){this.makeImpl(!0,r);var o=g.getLostPoint(this);(0==r||t&gt;o)&amp;&amp;(t=o,e=r)}return e},createMovieClip:function(t,e,r){var o=t.createEmptyMovieClip(e,r);this.make();for(var i=0;i&lt;this.modules.length;i++)for(var n=1*i,a=0;a&lt;this.modules[i].length;a++){var s=1*a;this.modules[i][a]&amp;&amp;(o.beginFill(0,100),o.moveTo(s,n),o.lineTo(s+1,n),o.lineTo(s+1,n+1),o.lineTo(s,n+1),o.endFill())}return o},setupTimingPattern:function(){for(var t=8;t&lt;this.moduleCount-8;t++)null==this.modules[t][36]&amp;&amp;(this.modules[t][37]=t%2==0);for(var e=8;e&lt;this.moduleCount-8;e++)null==this.modules[6][e]&amp;&amp;(this.modules[6][e]=e%2==0)},setupPositionAdjustPattern:function(){for(var t=g.getPatternPosition(this.typeNumber),e=0;e&lt;t.length;e++)for(var r=0;r&lt;t.length;r++){var o=t[e],i=t[r];if(null==this.modules[o][i])for(var n=-2;n&lt;=2;n++)for(var a=-2;a&lt;=2;a++)this.modules[o+n][i+a]=-2==n||2==n||-2==a||2==a||0==n&amp;&amp;0==a}},setupTypeNumber:function(t){for(var e=g.getBCHTypeNumber(this.typeNumber),r=0;r&lt;18;r++){var o=!t&amp;&amp;1==(e&gt;&gt;r&amp;1);this.modules[Math.floor(r/3)][r%3+this.moduleCount-8-3]=o}for(r=0;r&lt;18;r++){o=!t&amp;&amp;1==(e&gt;&gt;r&amp;1);this.modules[r%3+this.moduleCount-8-3][Math.floor(r/3)]=o}},setupTypeInfo:function(t,e){for(var r=this.errorCorrectLevel&lt;&lt;3|e,o=g.getBCHTypeInfo(r),i=0;i&lt;15;i++){var n=!t&amp;&amp;1==(o&gt;&gt;i&amp;1);i&lt;6?this.modules[i][38]=n:i&lt;8?this.modules[i+1][39]=n:this.modules[this.moduleCount-15+i][40]=n}for(i=0;i&lt;15;i++){n=!t&amp;&amp;1==(o&gt;&gt;i&amp;1);i&lt;8?this.modules[8][this.moduleCount-i-1]=n:i&lt;9?this.modules[8][15-i-1+1]=n:this.modules[8][15-i-1]=n}this.modules[this.moduleCount-8][41]=!t},mapData:function(t,e){for(var r=-1,o=this.moduleCount-1,i=7,n=0,a=this.moduleCount-1;a&gt;0;a-=2)for(6==a&amp;&amp;a--;;){for(var s=0;s&lt;2;s++)if(null==this.modules[o][a-s]){var h=!1;n&lt;t.length&amp;&amp;(h=1==(t[n]&gt;&gt;&gt;i&amp;1)),g.getMask(e,o,a-s)&amp;&amp;(h=!h),this.modules[o][a-s]=h,-1==--i&amp;&amp;(n++,i=7)}if((o+=r)&lt;0||this.moduleCount&lt;=o){o-=r,r=-r;break}}}},e.PAD0=236,e.PAD1=17,e.createData=function(t,r,o){for(var i=m.getRSBlocks(t,r),n=new _,a=0;a&lt;o.length;a++){var s=o[a];n.put(s.mode,4),n.put(s.getLength(),g.getLengthInBits(s.mode,t)),s.write(n)}var h=0;for(a=0;a&lt;i.length;a++)h+=i[a].dataCount;if(n.getLengthInBits()&gt;8*h)throw new Error(&quot;code length overflow. (&quot;+n.getLengthInBits()+&quot;&gt;&quot;+8*h+&quot;)&quot;);for(n.getLengthInBits()+4&lt;=8*h&amp;&amp;n.put(0,4);n.getLengthInBits()%8!=0;)n.putBit(!1);for(;!(n.getLengthInBits()&gt;=8*h||(n.put(e.PAD0,8),n.getLengthInBits()&gt;=8*h));)n.put(e.PAD1,8);return e.createBytes(n,i)},e.createBytes=function(t,e){for(var r=0,o=0,i=0,n=new Array(e.length),a=new Array(e.length),s=0;s&lt;e.length;s++){var h=e[s].dataCount,l=e[s].totalCount-h;o=Math.max(o,h),i=Math.max(i,l),n[s]=new Array(h);for(var u=0;u&lt;n[s].length;u++)n[s][u]=255&amp;t.buffer[u+r];r+=h;var f=g.getErrorCorrectPolynomial(l),d=new p(n[s],f.getLength()-1).mod(f);a[s]=new Array(f.getLength()-1);for(u=0;u&lt;a[s].length;u++){var c=u+d.getLength()-a[s].length;a[s][u]=c&gt;=0?d.get(c):0}}var m=0;for(u=0;u&lt;e.length;u++)m+=e[u].totalCount;var _=new Array(m),v=0;for(u=0;u&lt;o;u++)for(s=0;s&lt;e.length;s++)u&lt;n[s].length&amp;&amp;(_[v++]=n[s][u]);for(u=0;u&lt;i;u++)for(s=0;s&lt;e.length;s++)u&lt;a[s].length&amp;&amp;(_[v++]=a[s][u]);return _};for(var r={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},o={L:1,M:0,Q:3,H:2},i=0,n=1,a=2,s=3,h=4,l=5,u=6,f=7,g={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(t){for(var e=t&lt;&lt;10;g.getBCHDigit(e)-g.getBCHDigit(g.G15)&gt;=0;)e^=g.G15&lt;&lt;g.getBCHDigit(e)-g.getBCHDigit(g.G15);return(t&lt;&lt;10|e)^g.G15_MASK},getBCHTypeNumber:function(t){for(var e=t&lt;&lt;12;g.getBCHDigit(e)-g.getBCHDigit(g.G18)&gt;=0;)e^=g.G18&lt;&lt;g.getBCHDigit(e)-g.getBCHDigit(g.G18);return t&lt;&lt;12|e},getBCHDigit:function(t){for(var e=0;0!=t;)e++,t&gt;&gt;&gt;=1;return e},getPatternPosition:function(t){return g.PATTERN_POSITION_TABLE[t-1]},getMask:function(t,e,r){switch(t){case i:return(e+r)%2==0;case n:return e%2==0;case a:return r%3==0;case s:return(e+r)%3==0;case h:return(Math.floor(e/2)+Math.floor(r/3))%2==0;case l:return e*r%2+e*r%3==0;case u:return(e*r%2+e*r%3)%2==0;case f:return(e*r%3+(e+r)%2)%2==0;default:throw new Error(&quot;bad maskPattern:&quot;+t)}},getErrorCorrectPolynomial:function(t){for(var e=new p([1],0),r=0;r&lt;t;r++)e=e.multiply(new p([1,d.gexp(r)],0));return e},getLengthInBits:function(t,e){if(1&lt;=e&amp;&amp;e&lt;10)switch(t){case r.MODE_NUMBER:return 10;case r.MODE_ALPHA_NUM:return 9;case r.MODE_8BIT_BYTE:case r.MODE_KANJI:return 8;default:throw new Error(&quot;mode:&quot;+t)}else if(e&lt;27)switch(t){case r.MODE_NUMBER:return 12;case r.MODE_ALPHA_NUM:return 11;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 10;default:throw new Error(&quot;mode:&quot;+t)}else{if(!(e&lt;41))throw new Error(&quot;type:&quot;+e);switch(t){case r.MODE_NUMBER:return 14;case r.MODE_ALPHA_NUM:return 13;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 12;default:throw new Error(&quot;mode:&quot;+t)}}},getLostPoint:function(t){for(var e=t.getModuleCount(),r=0,o=0;o&lt;e;o++)for(var i=0;i&lt;e;i++){for(var n=0,a=t.isDark(o,i),s=-1;s&lt;=1;s++)if(!(o+s&lt;0||e&lt;=o+s))for(var h=-1;h&lt;=1;h++)i+h&lt;0||e&lt;=i+h||0==s&amp;&amp;0==h||a==t.isDark(o+s,i+h)&amp;&amp;n++;n&gt;5&amp;&amp;(r+=3+n-5)}for(o=0;o&lt;e-1;o++)for(i=0;i&lt;e-1;i++){var l=0;t.isDark(o,i)&amp;&amp;l++,t.isDark(o+1,i)&amp;&amp;l++,t.isDark(o,i+1)&amp;&amp;l++,t.isDark(o+1,i+1)&amp;&amp;l++,0!=l&amp;&amp;4!=l||(r+=3)}for(o=0;o&lt;e;o++)for(i=0;i&lt;e-6;i++)t.isDark(o,i)&amp;&amp;!t.isDark(o,i+1)&amp;&amp;t.isDark(o,i+2)&amp;&amp;t.isDark(o,i+3)&amp;&amp;t.isDark(o,i+4)&amp;&amp;!t.isDark(o,i+5)&amp;&amp;t.isDark(o,i+6)&amp;&amp;(r+=40);for(i=0;i&lt;e;i++)for(o=0;o&lt;e-6;o++)t.isDark(o,i)&amp;&amp;!t.isDark(o+1,i)&amp;&amp;t.isDark(o+2,i)&amp;&amp;t.isDark(o+3,i)&amp;&amp;t.isDark(o+4,i)&amp;&amp;!t.isDark(o+5,i)&amp;&amp;t.isDark(o+6,i)&amp;&amp;(r+=40);var u=0;for(i=0;i&lt;e;i++)for(o=0;o&lt;e;o++)t.isDark(o,i)&amp;&amp;u++;return r+=10*(Math.abs(100*u/e/e-50)/5)}},d={glog:function(t){if(t&lt;1)throw new Error(&quot;glog(&quot;+t+&quot;)&quot;);return d.LOG_TABLE[t]},gexp:function(t){for(;t&lt;0;)t+=255;for(;t&gt;=256;)t-=255;return d.EXP_TABLE[t]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},c=0;c&lt;8;c++)d.EXP_TABLE[c]=1&lt;&lt;c;for(c=8;c&lt;256;c++)d.EXP_TABLE[c]=d.EXP_TABLE[c-4]^d.EXP_TABLE[c-5]^d.EXP_TABLE[c-6]^d.EXP_TABLE[c-8];for(c=0;c&lt;255;c++)d.LOG_TABLE[d.EXP_TABLE[c]]=c;function p(t,e){if(void 0==t.length)throw new Error(t.length+&quot;/&quot;+e);for(var r=0;r&lt;t.length&amp;&amp;0==t[r];)r++;this.num=new Array(t.length-r+e);for(var o=0;o&lt;t.length-r;o++)this.num[o]=t[o+r]}function m(t,e){this.totalCount=t,this.dataCount=e}function _(){this.buffer=[],this.length=0}p.prototype={get:function(t){return this.num[t]},getLength:function(){return this.num.length},multiply:function(t){for(var e=new Array(this.getLength()+t.getLength()-1),r=0;r&lt;this.getLength();r++)for(var o=0;o&lt;t.getLength();o++)e[r+o]^=d.gexp(d.glog(this.get(r))+d.glog(t.get(o)));return new p(e,0)},mod:function(t){if(this.getLength()-t.getLength()&lt;0)return this;for(var e=d.glog(this.get(0))-d.glog(t.get(0)),r=new Array(this.getLength()),o=0;o&lt;this.getLength();o++)r[o]=this.get(o);for(o=0;o&lt;t.getLength();o++)r[o]^=d.gexp(d.glog(t.get(o))+e);return new p(r,0).mod(t)}},m.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12,7,37,13],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],m.getRSBlocks=function(t,e){var r=m.getRsBlockTable(t,e);if(void 0==r)throw new Error(&quot;bad rs block @ typeNumber:&quot;+t+&quot;/errorCorrectLevel:&quot;+e);for(var o=r.length/3,i=[],n=0;n&lt;o;n++)for(var a=r[3*n+0],s=r[3*n+1],h=r[3*n+2],l=0;l&lt;a;l++)i.push(new m(s,h));return i},m.getRsBlockTable=function(t,e){switch(e){case o.L:return m.RS_BLOCK_TABLE[4*(t-1)+0];case o.M:return m.RS_BLOCK_TABLE[4*(t-1)+1];case o.Q:return m.RS_BLOCK_TABLE[4*(t-1)+2];case o.H:return m.RS_BLOCK_TABLE[4*(t-1)+3];default:return}},_.prototype={get:function(t){var e=Math.floor(t/8);return 1==(this.buffer[e]&gt;&gt;&gt;7-t%8&amp;1)},put:function(t,e){for(var r=0;r&lt;e;r++)this.putBit(1==(t&gt;&gt;&gt;e-r-1&amp;1))},getLengthInBits:function(){return this.length},putBit:function(t){var e=Math.floor(this.length/8);this.buffer.length&lt;=e&amp;&amp;this.buffer.push(0),t&amp;&amp;(this.buffer[e]|=128&gt;&gt;&gt;this.length%8),this.length++}};var v=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]];function C(){var t=!1,e=navigator.userAgent;if(/android/i.test(e)){t=!0;var r=e.toString().match(/android ([0-9]\.[0-9])/i);r&amp;&amp;r[1]&amp;&amp;(t=parseFloat(r[1]))}return t}var w=function(){var t=function(t,e){this._el=t,this._htOption=e};return t.prototype.draw=function(t){var e=this._htOption,r=this._el,o=t.getModuleCount();Math.floor(e.width/o),Math.floor(e.height/o);function i(t,e){var r=document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;,t);for(var o in e)e.hasOwnProperty(o)&amp;&amp;r.setAttribute(o,e[o]);return r}this.clear();var n=i(&quot;svg&quot;,{viewBox:&quot;0 0 &quot;+String(o)+&quot; &quot;+String(o),width:&quot;100%&quot;,height:&quot;100%&quot;,fill:e.colorLight});n.setAttributeNS(&quot;http://www.w3.org/2000/xmlns/&quot;,&quot;xmlns:xlink&quot;,&quot;http://www.w3.org/1999/xlink&quot;),r.appendChild(n),n.appendChild(i(&quot;rect&quot;,{fill:e.colorLight,width:&quot;100%&quot;,height:&quot;100%&quot;})),n.appendChild(i(&quot;rect&quot;,{fill:e.colorDark,width:&quot;1&quot;,height:&quot;1&quot;,id:&quot;template&quot;}));for(var a=0;a&lt;o;a++)for(var s=0;s&lt;o;s++)if(t.isDark(a,s)){var h=i(&quot;use&quot;,{x:String(s),y:String(a)});h.setAttributeNS(&quot;http://www.w3.org/1999/xlink&quot;,&quot;href&quot;,&quot;#template&quot;),n.appendChild(h)}},t.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},t}(),D=&quot;svg&quot;===document.documentElement.tagName.toLowerCase()?w:&quot;undefined&quot;==typeof CanvasRenderingContext2D?function(){var t=function(t,e){this._el=t,this._htOption=e};return t.prototype.draw=function(t){for(var e=this._htOption,r=this._el,o=t.getModuleCount(),i=Math.floor(e.width/o),n=Math.floor(e.height/o),a=['&lt;table style=&quot;border:0;border-collapse:collapse;&quot;&gt;'],s=0;s&lt;o;s++){a.push(&quot;&lt;tr&gt;&quot;);for(var h=0;h&lt;o;h++)a.push('&lt;td style=&quot;border:0;border-collapse:collapse;padding:0;margin:0;width:'+i+&quot;px;height:&quot;+n+&quot;px;background-color:&quot;+(t.isDark(s,h)?e.colorDark:e.colorLight)+';&quot;&gt;&lt;/td&gt;');a.push(&quot;&lt;/tr&gt;&quot;)}a.push(&quot;&lt;/table&gt;&quot;),r.innerHTML=a.join(&quot;&quot;);var l=r.childNodes[0],u=(e.width-l.offsetWidth)/2,f=(e.height-l.offsetHeight)/2;u&gt;0&amp;&amp;f&gt;0&amp;&amp;(l.style.margin=f+&quot;px &quot;+u+&quot;px&quot;)},t.prototype.clear=function(){this._el.innerHTML=&quot;&quot;},t}():function(){function t(){this._elImage.src=this._elCanvas.toDataURL(&quot;image/png&quot;),this._elImage.style.display=&quot;block&quot;,this._elCanvas.style.display=&quot;none&quot;}if(this._android&amp;&amp;this._android&lt;=2.1){var e=1/window.devicePixelRatio,r=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(t,o,i,n,a,s,h,l,u){if(&quot;nodeName&quot;in t&amp;&amp;/img/i.test(t.nodeName))for(var f=arguments.length-1;f&gt;=1;f--)arguments[f]=arguments[f]*e;else void 0===l&amp;&amp;(arguments[1]*=e,arguments[2]*=e,arguments[3]*=e,arguments[4]*=e);r.apply(this,arguments)}}var o=function(t,e){this._bIsPainted=!1,this._android=C(),this._htOption=e,this._elCanvas=document.createElement(&quot;canvas&quot;),this._elCanvas.width=e.width,this._elCanvas.height=e.height,t.appendChild(this._elCanvas),this._el=t,this._oContext=this._elCanvas.getContext(&quot;2d&quot;),this._bIsPainted=!1,this._elImage=document.createElement(&quot;img&quot;),this._elImage.alt=&quot;Scan me!&quot;,this._elImage.style.display=&quot;none&quot;,this._el.appendChild(this._elImage),this._bSupportDataURI=null};return o.prototype.draw=function(t){var e=this._elImage,r=this._oContext,o=this._htOption,i=t.getModuleCount(),n=o.width/i,a=o.height/i,s=Math.round(n),h=Math.round(a);e.style.display=&quot;none&quot;,this.clear();for(var l=0;l&lt;i;l++)for(var u=0;u&lt;i;u++){var f=t.isDark(l,u),g=u*n,d=l*a;r.strokeStyle=f?o.colorDark:o.colorLight,r.lineWidth=1,r.fillStyle=f?o.colorDark:o.colorLight,r.fillRect(g,d,n,a),r.strokeRect(Math.floor(g)+.5,Math.floor(d)+.5,s,h),r.strokeRect(Math.ceil(g)-.5,Math.ceil(d)-.5,s,h)}this._bIsPainted=!0},o.prototype.makeImage=function(){this._bIsPainted&amp;&amp;function(t,e){var r=this;if(r._fFail=e,r._fSuccess=t,null===r._bSupportDataURI){var o=document.createElement(&quot;img&quot;),i=function(){r._bSupportDataURI=!1,r._fFail&amp;&amp;r._fFail.call(r)};return o.onabort=i,o.onerror=i,o.onload=function(){r._bSupportDataURI=!0,r._fSuccess&amp;&amp;r._fSuccess.call(r)},void(o.src=&quot;data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==&quot;)}!0===r._bSupportDataURI&amp;&amp;r._fSuccess?r._fSuccess.call(r):!1===r._bSupportDataURI&amp;&amp;r._fFail&amp;&amp;r._fFail.call(r)}.call(this,t)},o.prototype.isPainted=function(){return this._bIsPainted},o.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},o.prototype.round=function(t){return t?Math.floor(1e3*t)/1e3:t},o}();function A(t,e){for(var r=1,i=function(t){var e=encodeURI(t).toString().replace(/\%[0-9a-fA-F]{2}/g,&quot;a&quot;);return e.length+(e.length!=t?3:0)}(t),n=0,a=v.length;n&lt;=a;n++){var s=0;switch(e){case o.L:s=v[n][0];break;case o.M:s=v[n][42];break;case o.Q:s=v[n][43];break;case o.H:s=v[n][44]}if(i&lt;=s)break;r++}if(r&gt;v.length)throw new Error(&quot;Too long data&quot;);return r}(QRCode=function(t,e){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:&quot;#000000&quot;,colorLight:&quot;#ffffff&quot;,correctLevel:o.H},&quot;string&quot;==typeof e&amp;&amp;(e={text:e}),e)for(var r in e)this._htOption[r]=e[r];&quot;string&quot;==typeof t&amp;&amp;(t=document.getElementById(t)),this._htOption.useSVG&amp;&amp;(D=w),this._android=C(),this._el=t,this._oQRCode=null,this._oDrawing=new D(this._el,this._htOption),this._htOption.text&amp;&amp;this.makeCode(this._htOption.text)}).prototype.makeCode=function(t){this._oQRCode=new e(A(t,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(t),this._oQRCode.make(),this._el.title=t,this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCode.prototype.makeImage=function(){&quot;function&quot;==typeof this._oDrawing.makeImage&amp;&amp;(!this._android||this._android&gt;=3)&amp;&amp;this._oDrawing.makeImage()},QRCode.prototype.clear=function(){this._oDrawing.clear()},QRCode.CorrectLevel=o}(),&quot;undefined&quot;!=typeof module&amp;&amp;(module.exports=QRCode);</code></pre><p>打开 <code>/Handsome/compents/sidebar.php</code>文件, 找到 <code>&lt;? php if (IS_TOC): ?&gt;</code>(140行左右)字样，在此行前面添加以下代码</p><pre><code class="lang-HTML">&lt;div id=&quot;qrcode&quot; style=&quot;color:white;&quot; class=&quot;tools-item&quot; title=&quot;阅读转移&quot;&gt;&lt;span&gt;手机观看&lt;/span&gt;&lt;br /&gt;
    &lt;div id=&quot;qrcode-img&quot;&gt;&lt;/div&gt;&lt;i style=&quot;font-size:32px;bottom:20px&quot; class=&quot;glyphicon glyphicon-phone&quot;
        aria-hidden=&quot;false&quot;&gt;&lt;/i&gt;
&lt;/div&gt;</code></pre><p>在<code>sidebar.php</code>的最后 <code>&lt;? php endif; ?&gt;</code> 前添加如下代码</p><pre><code class="lang-HTML">&lt;style&gt;
    /* 工具栏 - start */
    .tools-item {
        position: fixed;
        bottom: 20px;
        right: 247px;
        width: 56px;
        height: 45px;
        text-align: center;
    }

.tools-item &gt; i {
        display: inline;
        line-height: 45px;
    }

#qrcode-img {
        position: fixed;
        bottom: 70px;
        right: 280px;
        display: none;
        box-shadow: 0 0 20px #B6DFE9;
        padding:25px;
        background: #fff;
    }
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;你自己的qrcode.min.js路径&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    $(function(){
        var system = { 
            win: false, 
            mac: false, 
            xll: false
        }; 
        //检测平台 
        var p = navigator.platform; 
        system.win = p.indexOf(&quot;Win&quot;) == 0; 
        system.mac = p.indexOf(&quot;Mac&quot;) == 0; 
        system.x11 = (p == &quot;X11&quot;) || (p.indexOf(&quot;Linux&quot;) == 0); 
        if (system.win || system.mac || system.xll) { 
        } else {
            $(&quot;#qrcode&quot;).attr(&quot;hidden&quot;,&quot;hidden&quot;);
        } 
        var url = encodeURI(location.href);
        var select = true;
        $('#qrcode').hover(function() {
            if(select) {
                $('#qrcode-img').empty();
                new QRCode(document.getElementById(&quot;qrcode-img&quot;), {
                    text: url,
                    width: 180,
                    height: 180,
                    colorDark : &quot;#000000&quot;,
                    colorLight : &quot;#ffffff&quot;,
                    correctLevel : QRCode.CorrectLevel.L
                });
                $('#qrcode-img').show();
                select = false;
            } else {
                $('#qrcode-img').hide();
                select = true;
            }
        });
    });
&lt;/script&gt;</code></pre><p>将<code>qrcode.min.js</code>文件上传到合适位置后将以上代码中的链接修改即可<br><p></p></div></div></div></p><h3>信息统计增加全站字数、在线人数、响应耗时和访客总数</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-92579bc00446d3db05c1b0c3f5f88f3b87" aria-expanded="true"><div class="accordion-toggle"><span style="">信息统计增加全站字数、在线人数、响应耗时和访客总数</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-92579bc00446d3db05c1b0c3f5f88f3b87" class="collapse collapse-content"><p></p>首先将以下代码加到<code>/usr/themes/handsome/libs/Content.php</code>中，放在<code>class Content</code>的上面</p><pre><code class="lang-PHP">/*访问总量*/
     function theAllViews(){
             $db = Typecho_Db::get();
             $row = $db-&gt;fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
                 echo number_format($row[0]['SUM(VIEWS)']);
     }

/*响应时间*/
    function timer_start() {
        global $timestart;
        $mtime = explode( ' ', microtime()  );
        $timestart = $mtime[1] + $mtime[0];
        return true; 
    }
    timer_start();
    function timer_stop( $display = 0, $precision = 3  ) {
        global $timestart, $timeend;
        $mtime = explode( ' ', microtime()  );
        $timeend = $mtime[1] + $mtime[0];
        $timetotal = number_format( $timeend - $timestart, $precision  );
        $r = $timetotal &lt; 1 ? $timetotal * 1000 . &quot; ms&quot; : $timetotal . &quot; s&quot;;
        if ( $display  ) {
            echo $r;
        }
        return $r;
    }
        /**
     * 全站字数
     */
    function allOfCharacters() {
        $chars = 0;
        $db = Typecho_Db::get();
        $select = $db -&gt;select('text')-&gt;from('table.contents');
        $rows = $db-&gt;fetchAll($select);
        foreach ($rows as $row) { $chars += mb_strlen(trim($row['text']), 'UTF-8'); }
        $unit = '';
        if($chars &gt;= 10000)     { $chars /= 10000; $unit = '万'; } 
        else if($chars &gt;= 1000) { $chars /= 1000;  $unit = '千'; }
        $out = sprintf('%.2lf %s',$chars, $unit);
        return $out;
    } 
/**
     * 在线人数
     */
    function online_users() {
        $filename='online.txt'; //数据文件
        $cookiename='Nanlon_OnLineCount'; //Cookie名称
        $onlinetime=30; //在线有效时间
        $online=file($filename); 
        $nowtime=$_SERVER['REQUEST_TIME']; 
        $nowonline=array(); 
        foreach($online as $line){ 
            $row=explode('|',$line); 
            $sesstime=trim($row[1]); 
            if(($nowtime - $sesstime)&lt;=$onlinetime){
                $nowonline[$row[0]]=$sesstime;
            } 
        } 
        if(isset($_COOKIE[$cookiename])){
            $uid=$_COOKIE[$cookiename]; 
        }else{
            $vid=0;
            do{
                $vid++; 
                $uid='U'.$vid; 
            }while(array_key_exists($uid,$nowonline)); 
            setcookie($cookiename,$uid); 
        } 
        $nowonline[$uid]=$nowtime;
        $total_online=count($nowonline); 
        if($fp=@fopen($filename,'w')){ 
            if(flock($fp,LOCK_EX)){ 
                rewind($fp); 
                foreach($nowonline as $fuid=&gt;$ftime){ 
                    $fline=$fuid.'|'.$ftime.&quot;\n&quot;; 
                    @fputs($fp,$fline); 
                } 
                flock($fp,LOCK_UN); 
                fclose($fp); 
            } 
        } 
        echo &quot;$total_online&quot;; 
    }</code></pre><p>然后在<code>/usr/themes/handsome/component/sidebar.php</code>文件内，找到合适和位置添加以下代码： 注：<code>&lt;!--博客信息--&gt;</code>处就是添加代码的地方，找到你想加的位置添加代码即可</p><pre><code class="lang-HTML">&lt;li class=&quot;list-group-item text-second&quot;&gt;&lt;span class=&quot;blog-info-icons&quot;&gt;&lt;i data-feather=&quot;edit-3&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span class=&quot;badge pull-right&quot;&gt;&lt;?php echo allOfCharacters(); ?&gt;&lt;/span&gt;&lt;?php _me(&quot;全站字数&quot;) ?&gt;&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt; &lt;i class=&quot;glyphicon glyphicon-user text-muted text-muted&quot;&gt;&lt;/i&gt; &lt;span class=&quot;badge pull-right&quot;&gt;&lt;?php echo online_users() ?&gt;&lt;/span&gt;&lt;?php _me(&quot;在线人数&quot;) ?&gt;&lt;/li&gt;
&lt;li class=&quot;list-group-item text-second&quot;&gt; &lt;span class=&quot;blog-info-icons&quot;&gt; &lt;i data-feather=&quot;users&quot;&gt;&lt;/i&gt;&lt;/span&gt;
     &lt;span class=&quot;badge
 pull-right&quot;&gt;&lt;?php echo theAllViews(); ?&gt;&lt;/span&gt;&lt;?php _me(&quot;访客总数&quot;) ?&gt;&lt;/li&gt;
&lt;li class=&quot;list-group-item text-second&quot;&gt; &lt;span class=&quot;blog-info-icons&quot;&gt; &lt;i data-feather=&quot;refresh-ccw&quot;&gt;&lt;/i&gt;&lt;/span&gt;
     &lt;span class=&quot;badge
 pull-right&quot;&gt;&lt;?php echo timer_stop(); ?&gt;&lt;/span&gt;&lt;?php _me(&quot;响应耗时&quot;) ?&gt;&lt;/li&gt;</code></pre><p><p></p></div></div></div></p><h3>底部版权美化</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f0f3ab114d4f31ea5e5166c16569af9a44" aria-expanded="true"><div class="accordion-toggle"><span style="">底部版权美化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f0f3ab114d4f31ea5e5166c16569af9a44" class="collapse collapse-content"><p></p>左侧底部放在 <code>后台-开发者设置-博客底部左侧信息</code></p><pre><code class="lang-HTML">&lt;!--左侧底部--&gt;
&lt;div class=&quot;github-badge&quot;&gt;
    &lt;span class=&quot;badge-subject&quot;&gt;Copyright&lt;/span&gt;
    &lt;a href=&quot;https://www.5k5b.com&quot; target=&quot;_blank&quot;&gt;
        &lt;span class=&quot;badge-value bg-blue&quot;&gt;©2022 5k5b.&lt;/span&gt;
    &lt;/a&gt;
&lt;/div&gt; |
&lt;div class=&quot;github-badge&quot;&gt;
    &lt;span class=&quot;badge-subject&quot;&gt;豫ICP备&lt;/span&gt;
    &lt;a href=&quot;http://beian.miit.gov.cn/&quot; target=&quot;_blank&quot;&gt;
        &lt;span class=&quot;badge-value bg-green&quot;&gt;2020030958号&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div class=&quot;github-badge&quot;&gt;
    &lt;img src=&quot;https: //cdn-qh.oss-cn-guangzhou.aliyuncs.com/bkimg/bei.png&quot; style=&quot;float:left;&quot; /&gt;
    &lt;span class=&quot;badge-subject&quot;&gt;豫公网安备&lt;/span&gt;
    &lt;a href=&quot;http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41032602000132&quot; target=&quot;_blank&quot;&gt;
        &lt;span class=&quot;badge-value bg-green&quot;&gt;41032602000132号&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;</code></pre><p>右侧底部放在 <code>后台-开发者设置-博客底部右侧信息</code></p><pre><code class="lang-HTML">&lt;!--右侧底部--&gt;
&lt;div class=&quot;github-badge&quot;&gt;
    &lt;span class=&quot;badge-subject&quot;&gt;本站由&lt;/span&gt;
    &lt;a href=&quot;https://www.95vps.com/aff/20&quot; target=&quot;_blank&quot;&gt;
        &lt;span class=&quot;badge-value bg-blue&quot;&gt;桔子数据提供服务&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt; |
&lt;div class=&quot;github-badge&quot;&gt;
    &lt;span class=&quot;badge-subject&quot;&gt;Theme by&lt;/span&gt;
    &lt;a href=&quot;https://www.ihewro.com/&quot; target=&quot;_blank&quot;&gt;
        &lt;span class=&quot;badge-value bg-orange&quot;&gt;Handsome&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;</code></pre><p>css放在 <code>主题设置-自定义css</code>内</p><pre><code class="lang-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-green {
  background-color: #3bca6e
}</code></pre><p>把下面代码放在主题目录<code>usr/themes/handsome/component/footer.php</code>内大概在<code>177</code>行，覆盖原来的即可<img src="https://img03.sogoucdn.com/app/a/200692/1095_500_feedback_638eb0c1e9aa4d8dbe2263c129d95960.png" alt="" title="" style=""></p><pre><code class="lang-HTML">&lt;footer id=&quot;footer&quot; class=&quot;app-footer&quot; role=&quot;footer&quot;&gt;
    &lt;div class=&quot;wrapper bg-light&quot;&gt;
        &lt;span class=&quot;pull-right hidden-xs text-ellipsis&quot;&gt;
            &lt;?php $this-&gt;options-&gt;BottomInfo();
      // 可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解
      ?&gt;
        &lt;/span&gt;
        &lt;span class=&quot;text-ellipsis&quot;&gt;
            &lt;?php
            $this-&gt;options-&gt;BottomleftInfo(); ?&gt;
        &lt;/span&gt;
    &lt;/div&gt;

&lt;/footer&gt;</code></pre><p><p></p></div></div></div></p><h3>页脚处添加网站运行时间</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-837280d2f219c07dd1dd04d5fe3857e898" aria-expanded="true"><div class="accordion-toggle"><span style="">页脚处添加网站运行时间</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-837280d2f219c07dd1dd04d5fe3857e898" class="collapse collapse-content"><p></p>注意这个功能我是在上一个页脚美化的基础上添加的，如果没有添加页脚美化功能，该运行时间的排版会出现问题。当然你也可以改成你喜欢的样子~<br>代码放到<code>后台-开发者设置-博客底部左侧信息</code></p><pre><code class="lang-HTML">|  
&lt;!-- 建站时间 --&gt;
&lt;div class=&quot;github-badge&quot;&gt;
&lt;span class=&quot;badge-subject&quot;&gt;运行时间&lt;/span&gt;
&lt;span class=&quot;badge-value bg-green&quot;&gt;&lt;span id=&quot;span_dt_dt&quot;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;script&gt;
    /*建站时间*/
    function show_date_time() {
        window.setTimeout(&quot;show_date_time()&quot;, 1e3);
        var BirthDay = new Date(&quot;2021/09/11 22:30:00&quot;),
        today = new Date,
        timeold = today.getTime() - BirthDay.getTime(),
        msPerDay = 864e5,
        e_daysold = timeold / msPerDay,
        daysold = Math.floor(e_daysold),
        e_hrsold = 24 * (e_daysold - daysold),
        hrsold = Math.floor(e_hrsold),
        e_minsold = 60 * (e_hrsold - hrsold),
        minsold = Math.floor(60 * (e_hrsold - hrsold)),
        seconds = Math.floor(60 * (e_minsold - minsold));
        span_dt_dt.innerHTML = daysold + &quot;天&quot; + hrsold + &quot;小时&quot; + minsold + &quot;分&quot; + seconds + &quot;秒&quot;;
    }
    show_date_time();
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>添加网站加载效果</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d68578d0f3a976a01d6ae1b02915a8e415" aria-expanded="true"><div class="accordion-toggle"><span style="">添加网站加载效果</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d68578d0f3a976a01d6ae1b02915a8e415" class="collapse collapse-content"><p></p>首相找到<code>/usr/themes/handsome/component/</code>文件夹内的<code>header.php</code>，将以下代码加到最后<code>&lt;/style&gt;</code>之后</p><pre><code class="lang-HTML">&lt;!--加载动画--&gt;
&lt;style&gt;
    #PageLoading {
        background-color: #fff;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 1;
        margin-top: 0px;
        top: 0px;
    }

#PageLoading-center {
        width: 100%;
        height: 100%;
        position: relative;
    }

#PageLoading-center-absolute {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 200px;
        width: 200px;
        margin-top: -100px;
        margin-left: -100px;
    }

.object2 {
        -moz-border-radius: 50% 50% 50% 50%;
        -webkit-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        position: absolute;
        border-left: 5px solid #FFB6C1;
        border-right: 5px solid #b6def7;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        -webkit-animation: animate 2s infinite;
        animation: animate 2s infinite;

}

#object_one {
        left: 75px;
        top: 75px;
        width: 50px;
        height: 50px;
    }

#object_two {
        left: 65px;
        top: 65px;
        width: 70px;
        height: 70px;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

#object_three {
        left: 55px;
        top: 55px;
        width: 90px;
        height: 90px;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

#object_four {
        left: 45px;
        top: 45px;
        width: 110px;
        height: 110px;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

@-webkit-keyframes animate {
        50% {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

100% {
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

@keyframes animate {
        50% {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

100% {
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
&lt;/style&gt;

&lt;!--加载动画--&gt;

&lt;body id=&quot;body&quot; class=&quot;fix-padding skt-loading&quot;&gt;

&lt;body id=&quot;body&quot; class=&quot;fix-padding&quot; style=&quot;overflow:hidden&quot;&gt;
        &lt;div id=&quot;PageLoading&quot; style=&quot;z-index:99999999;&quot;&gt;
            &lt;div id=&quot;PageLoading-center&quot;&gt;
                &lt;div id=&quot;PageLoading-center-absolute&quot;&gt;
                    &lt;div class=&quot;object2&quot; id=&quot;object_four&quot;&gt;&lt;/div&gt;
                    &lt;div class=&quot;object2&quot; id=&quot;object_three&quot;&gt;&lt;/div&gt;
                    &lt;div class=&quot;object2&quot; id=&quot;object_two&quot;&gt;&lt;/div&gt;
                    &lt;div class=&quot;object2&quot; id=&quot;object_one&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/body&gt;</code></pre><p>加好后刷新博客会出现一直卡在加载页面的问题，我们再将以下代码放到<code>自定义JavaScripts</code>里面</p><pre><code class="lang-JavaScript">/* 加载动画 */
$(function(){
        $(&quot;#PageLoading&quot;).fadeOut(400);
        $(&quot;#body&quot;).css('overflow','');
    });</code></pre><p><p></p></div></div></div></p><h3>添加一键打卡功能</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-12bafd8d4a55134bf76a56dc52da334094" aria-expanded="true"><div class="accordion-toggle"><span style="">添加一键打卡功能</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-12bafd8d4a55134bf76a56dc52da334094" class="collapse collapse-content"><p></p>该功能在每篇博文的评论框底部<br>首先找到<code>/usr/themes/handsome/component/comments.php</code><br>将如下代码(可以直接搜<code>&lt;div class=&quot;comment-form-comment form-group&quot;&gt;</code>)<img src="https://img04.sogoucdn.com/app/a/200692/2546_756_feedback_c27b10d117934534a2c386616d66155d.jpg" alt="" title="" style="">更改为</p><pre><code class="lang-HTML">            &lt;div class=&quot;comment-form-comment form-group&quot;&gt;
                &lt;label for=&quot;comment&quot;&gt;&lt;?php _me(&quot;评论&quot;) ?&gt;
                    &lt;span class=&quot;required text-danger&quot;&gt;*&lt;/span&gt;&lt;/label&gt;
                    &lt;span class=&quot;required text-danger&quot;&gt;（请使用真实邮箱地址，方便及时接收评论回复！）&lt;/span&gt;
                &lt;textarea id=&quot;comment&quot; class=&quot;textarea form-control OwO-textarea&quot; name=&quot;text&quot; rows=&quot;5&quot; placeholder=&quot;&lt;?php _me(&quot;说点什么吧……&quot;) ?&gt;&quot; οnkeydοwn=&quot;if(event.ctrlKey&amp;&amp;event.keyCode==13){document.getElementById('submit').click();return false};&quot;&gt;&lt;?php $this-&gt;remember('text'); ?&gt;&lt;/textarea&gt;
                &lt;div class=&quot;OwO&quot; style=&quot;display: inline;&quot;&gt;&lt;/div&gt;
                &lt;div class=&quot;OwO&quot; title=&quot;打卡&quot; style=&quot;display: inline;&quot; onclick=&quot;javascript:SIMPALED.Editor.daka();this.style.display='none'&quot;&gt;&lt;div class=&quot;OwO-logo&quot;&gt;&lt;i class=&quot;fontello-pencil&quot;&gt;&lt;/i&gt;&lt;span class=&quot;OwOlogotext&quot;&gt;打卡&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;div class=&quot;OwO&quot; title=&quot;赞&quot; style=&quot;display: inline;&quot; onclick=&quot;javascript:SIMPALED.Editor.zan();this.style.display='none'&quot;&gt;&lt;div class=&quot;OwO-logo&quot;&gt;&lt;i class=&quot;glyphicon glyphicon-thumbs-up&quot;&gt;&lt;/i&gt;&lt;span class=&quot;OwOlogotext&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;div class=&quot;OwO&quot; title=&quot;踩&quot; style=&quot;display: inline;&quot; onclick=&quot;javascript:SIMPALED.Editor.cai();this.style.display='none'&quot;&gt;&lt;div class=&quot;OwO-logo&quot;&gt;&lt;i class=&quot;glyphicon glyphicon-thumbs-down&quot;&gt;&lt;/i&gt;&lt;span class=&quot;OwOlogotext&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;div class=&quot;secret_comment&quot; id=&quot;secret_comment&quot; data-toggle=&quot;tooltip&quot; data-original-title=&quot;&lt;?php _me(&quot;开启该功能，您的评论仅作者和评论双方可见&quot;) ?&gt;&quot;&gt;
                    &lt;label class=&quot;secret_comment_label control-label&quot;&gt;&lt;?php _me(&quot;私密评论&quot;) ?&gt;&lt;/label&gt;
                    &lt;div class=&quot;secret_comment_check&quot;&gt;
                        &lt;label class=&quot;i-switch i-switch-sm bg-dark m-b-ss m-r&quot;&gt;
                            &lt;input type=&quot;checkbox&quot; id=&quot;secret_comment_checkbox&quot;&gt;
                            &lt;i&gt;&lt;/i&gt;
                        &lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;</code></pre><p>接着去<code>自定义JavaScript</code>加入如下代码</p><pre><code class="lang-JavaScript">&lt;!--评论 打卡、赞、踩 功能--&gt;
function a(a, b, c) {
        if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus();
        else if (a.selectionStart || &quot;0&quot; == a.selectionStart) {
            var l = a.selectionStart,
                m = a.selectionEnd,
                n = m;
            c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length);
            c ? n += b.length + c.length : n += b.length - m + l;
            l == m &amp;&amp; c &amp;&amp; (n -= c.length);
            a.focus();
            a.selectionStart = n;
            a.selectionEnd = n
        } else a.value += b + c, a.focus()
}
var b = (new Date).toLocaleTimeString(),
        c = document.getElementById(&quot;comment&quot;) || 0;
window.SIMPALED = {};
window.SIMPALED.Editor = {
    daka: function() {
        a(c, &quot;滴！学生卡！打卡时间：&quot; + b, &quot;，请上车的乘客系好安全带~&quot;)
    },
    zan: function() {
        a(c, &quot; 文章写得不错，给你点个赞，继续加油哈！&quot;)
    },
    cai: function() {
        a(c, &quot;骚年，我怀疑你写了一篇假的文章！&quot;)
    }
};</code></pre><p>在<code>自定义CSS</code>处添加</p><pre><code class="lang-CSS">/*评论一键打卡、赞、踩 */
.secret_comment {
    top: 5px;
}
.OwO.OwO-open .OwO-body {
    display:table
}</code></pre><p>搞好之后刷新网页就可以看到效果了~<br><p></p></div></div></div></p><h3>小版图模式下列表美化(小图斜切效果)</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-22c5255ad2d1728ba64b49f2300925bf6" aria-expanded="true"><div class="accordion-toggle"><span style="">小版图模式下列表美化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-22c5255ad2d1728ba64b49f2300925bf6" class="collapse collapse-content"><p></p>这个项目就是将博客首页的小图模式下的栏目做一个斜切效果，具体可以看我博客首页的效果。<br>或者新建一个<code>.html</code>文件，添加如下代码来预览效果</p><pre><code class="lang-HTML">&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;style&gt;
.li-box{position:relative;z-index:1;display:flex;overflow:hidden;margin-top:50px;margin-right:auto;margin-left:auto;width:800px;background-color:#333;color:#fff}
.left-img{z-index:1;display:flex;margin:0;width:30%;height:190px;-webkit-clip-path:polygon(0 0,95% 0,100% 100%,0 100%);clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}
.left-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.blur-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:14.5rem;background-position:center;background-size:cover;transform:scale(1.2);-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(1.875rem) brightness(.8);filter:blur(1.875rem) brightness(.8)}
.right-cont{z-index:1;display:flex;width:70%;text-shadow:0 .1875rem .3125rem rgb(0 0 0 / 30%);letter-spacing:.06rem;flex-direction:column;justify-content:space-between}
.right-cont a{color:inherit;text-decoration:none}
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class=&quot;li-box&quot;&gt;
      &lt;a class=&quot;left-img&quot; href=&quot;#&quot;&gt;&lt;img src=&quot;https://img01.sogoucdn.com/app/a/200692/300_300_feedback_25fb6bfdbfe64e07bffb0ac725f9cb7b.jpg&quot;/&gt;&lt;/a&gt;
      &lt;div class=&quot;blur-img&quot; style=&quot;background-image: url(https://img01.sogoucdn.com/app/a/200692/300_300_feedback_e308749875fa4b3bafc959762bacbc8b.jpg);&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;right-cont&quot;&gt;
        &lt;a class=&quot;cont-title&quot; href=&quot;#&quot;&gt;Cesium - 开源好用的图片压缩软件&lt;/a&gt;
        &lt;a class=&quot;cont-des&quot;&gt;Cesium能将您的图片压缩高达90％，而不会出现明显的质量损失。你可以使用此软件将诸如JPG，JPEG，PNG，BMP或WMF等图片格式，压缩保存为JPG，PNG或BMP。&lt;/a&gt;
        &lt;div class=&quot;cont-info&quot;&gt;&lt;a href=&quot;#&quot;&gt;其它信息&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;</code></pre><p>注意该效果仅仅在小版图的模式下才有效果~<br>首先我们找到网站根目录<code>/usr/themes/handsome/libs/Content.php</code><br>将</p><pre><code class="lang-HTML">&lt;div class=&quot;panel-small single-post box-shadow-wrap-normal&quot;&gt;
    &lt;div class=&quot;index-post-img-small post-feature index-img-small&quot;&gt;
        &lt;a href=&quot;{$parameterArray['linkUrl']}&quot;&gt;
            &lt;div class=&quot;item-thumb-small lazy&quot; {$backgroundImageHtml}&gt;
            &lt;/div&gt;
        &lt;/a&gt;
    &lt;/div&gt;</code></pre><p>替换为</p><pre><code class="lang-HTML">&lt;div class=&quot;panel-small single-post box-shadow-wrap-normal tt-small-blur&quot;&gt;
&lt;div class=&quot;index-post-img-small post-feature index-img-small tt-left-box&quot;&gt;
    &lt;a href=&quot;{$parameterArray['linkUrl']}&quot;&gt;
        &lt;div class=&quot;item-thumb-small lazy tt-left-img&quot; {$backgroundImageHtml}&gt;&lt;/div&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;div class=&quot;tt-blur-img&quot; {$backgroundImageHtml}&gt;&lt;/div&gt;</code></pre><p>并在<code>自定义CSS</code>里面添加以下代码</p><pre><code class="lang-CSS">/* 头图显示斜切样式 */
.tt-small-blur{position:relative;z-index:1;display:flex;overflow:hidden;background-color:#333;color:#fff;}
.tt-small-blur .tt-left-box{z-index:1;-webkit-clip-path:polygon(0 0,94% 0,100% 100%,0 100%);clip-path:polygon(0 0,94% 0,100% 100%,0 100%);}
.tt-small-blur .tt-left-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.tt-small-blur .tt-blur-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;background-position:center;background-size:cover;transform:scale(1.4);-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(1.275rem) brightness(.83);filter:blur(1.275rem) brightness(.83);}
.tt-small-blur .post-meta{z-index:1;display:flex;color:inherit;flex-direction:column;justify-content:space-between;}
.tt-small-blur .text-title{color:inherit;}
.tt-small-blur .post-meta h2,.tt-small-blur .post-meta p{text-shadow:.1875rem .1875rem .3125rem #333;letter-spacing:.09rem;}
.tt-small-blur .text-muted{color:inherit;}
.tt-small-blur .post-meta {padding: 30px 30px 15px 30px;}
@media (max-width:500px){.tt-small-blur .index-post-title{display:-webkit-box;display:-moz-box;overflow:hidden;margin-bottom:2px;height:48px;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-line-clamp:2;-moz-box-orient:vertical;word-break:break-all;}}
@media (max-width:500px){.tt-small-blur .summary{display:none;}}
@media (max-width:380px){.tt-small-blur .post-meta{padding:10px 15px;}}
@media (min-width:768px) and (max-width: 1199px){.tt-small-blur .summary {height: 55px;}.tt-small-blur .line-lg {margin-top: 1px;margin-bottom: 1px;}}</code></pre><p><p></p></div></div></div></p><h3>自定义字体</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-20f3833a39a8913cef9ea73e51baf33f30" aria-expanded="true"><div class="accordion-toggle"><span style="">自定义字体</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-20f3833a39a8913cef9ea73e51baf33f30" class="collapse collapse-content"><p></p>首先我们去<a href="https://5k5b.com/go/aHR0cHM6Ly93d3cuZm9udHMubmV0LmNuLw" target="_blank" >字体天下</a>网站找到一款自己喜欢的字体，记得一定要是免费商用的，防止有版权问题~<br>下载好后会发现是一个<code>.tff</code>扩展名的文件，我们再去<a href="https://5k5b.com/go/aHR0cHM6Ly93d3cuYWNvbnZlcnQuY29tL2NuL2ltYWdlL3R0Zi10by13b2ZmLw" target="_blank" >字体转换</a>网站里将<code>.tff</code>转换为<code>.woff</code>格式的文件<br>并将转换后的文件上传到你网站目录里的某个位置，默认是<code>usr/themes/handsome/assets/fonts</code>文件夹里。<br>前往 <code>外观设置-开发者设置-自定义css</code>中添加以下代码</p><pre><code class="lang-CSS">/*自定义字体*/
@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap; src:url(填写字体所在的位置) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium} body {font- family: HarmonyOS!important;}</code></pre><p><p></p></div></div></div></p><h3>在博客顶部添加心知天气</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-da62fe08cd36271bc46b5379df76f95949" aria-expanded="true"><div class="accordion-toggle"><span style="">在博客顶部添加心知天气</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-da62fe08cd36271bc46b5379df76f95949" class="collapse collapse-content"><p></p>首先去<a href="https://5k5b.com/go/aHR0cHM6Ly93d3cuc2VuaXZlcnNlLmNvbS8" target="_blank" >心知天气</a>官网注册账号并申请API<br>之后在<code>/usr/themes/handsome/component/headnav.php</code>文件中的动态日历中<code>&lt;?php endif;?&gt;</code>下方添加以下代码<br>注意将API信息改成自己的</p><pre><code class="lang-HTML">&lt;!-- 知心天气--&gt;
    &lt;div id=&quot;tp-weather-widget&quot; class=&quot;navbar-form navbar-form-sm navbar-left shift&quot;&gt;&lt;/div&gt;
&lt;script&gt;(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset=&quot;utf-8&quot;;P.async=1;a.parentNode.insertBefore(P,a)};T[&quot;ThinkPageWeatherWidgetObject&quot;]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent(&quot;onload&quot;,g)}else{T.addEventListener(&quot;load&quot;,g,false)}}(window,document,&quot;script&quot;,&quot;tpwidget&quot;,&quot;//widget.seniverse.com/widget/chameleon.js&quot;))&lt;/script&gt;
&lt;script&gt;tpwidget(&quot;init&quot;, {
    &quot;flavor&quot;: &quot;slim&quot;,
    &quot;location&quot;: &quot;WX4FBXXFKE4F&quot;,
    &quot;geolocation&quot;: &quot;enabled&quot;,
    &quot;language&quot;: &quot;auto&quot;,
    &quot;unit&quot;: &quot;c&quot;,
    &quot;theme&quot;: &quot;chameleon&quot;,
    &quot;container&quot;: &quot;tp-weather-widget&quot;,
    &quot;bubble&quot;: &quot;enabled&quot;,
    &quot;alarmType&quot;: &quot;badge&quot;,
    &quot;color&quot;: &quot;#C6C6C6&quot;,
    &quot;uid&quot;: &quot;公钥&quot;,
    &quot;hash&quot;: &quot;密钥&quot;
});
tpwidget(&quot;show&quot;);&lt;/script&gt;
&lt;!-- 知心结束--&gt;</code></pre><p><p></p></div></div></div></p><h3>404页面添加自动返回首页功能</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-38a8993b1be891813261bff15fe5df7e39" aria-expanded="true"><div class="accordion-toggle"><span style="">404页面添加自动返回首页功能</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-38a8993b1be891813261bff15fe5df7e39" class="collapse collapse-content"><p></p>找到<code>/usr/themes/handsome</code>文件夹内的<code>404.php</code>文件并打开。<br>在<code>h1 class=&quot;text-shadow text-white&quot;&gt;404</code>这一行下面加入以下代码：</p><pre><code class="lang-HTML">&lt;br&gt;
&lt;small class=&quot;text-muted letterspacing&quot;&gt;
&lt;b id=&quot;sp&quot;&gt;2&lt;/b&gt;秒后自动返回···&lt;br&gt;
&lt;a class=&quot;text-muted letterspacing&quot; href=&quot;#&quot; onclick=&quot;javascript:history.go(-1);&quot;&gt;立刻返回&lt;/a&gt;</code></pre><p>再把下面的代码加入<code>404.php</code>文件内最底下的<code>&lt;/body&gt;</code>前面</p><pre><code class="lang-HTML">&lt;script type=&quot;text/javascript&quot;&gt;
onload = function(){setInterval(go, 1000);};var x=2;
function go() {x--;if(x&gt;0) {document.getElementById(&quot;sp&quot;).innerHTML = x;}else{history.go(-1);}}
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>新年喝彩图</h3><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-46f11519e135ed91153f35fb4b5f328628" aria-expanded="true"><div class="accordion-toggle"><span style="">新年喝彩图</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-46f11519e135ed91153f35fb4b5f328628" class="collapse collapse-content"><p></p>效果图：<p><img src="https://img04.sogoucdn.com/app/a/200692/1171_291_feedback_5c63a204ebc247e0b7b9d785b3553981.png" alt="" title="" style="">代码添加到<code>自定义CSS</code>中</p><pre><code class="lang-CSS">/*新年喝彩图*/
#new_year{
    position: absolute;
    pointer-events: none;
    opacity: 0.5;
    left: 0;
    right: 0;
    bottom: 0;
}
#post-panel header.wrapper-md.bg-light{
position:relative;
}</code></pre><p>找到<code>usr/theme/handsome/index.php</code>在以下图中位置（大概37行左右）添加如下代码<img src="https://img04.sogoucdn.com/app/a/200692/1290_147_feedback_a440b2f72bef498eadaa53bb73c24d35.png" alt="" title="" style=""></p><pre><code class="lang-HTML">&lt;img id=&quot;new_year&quot; src=&quot;https://img04.sogoucdn.com/app/a/200692/1315_138_feedback_f61e2617c522404ab4ee69b5cfba0657.png&quot; draggable=&quot;false&quot;&gt;</code></pre><p><p></p></div></div></div></p><h3>背景云雾特效</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-243dcbe2cabf80895a7893569fd98baa75" aria-expanded="true"><div class="accordion-toggle"><span style="">背景云雾特效</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-243dcbe2cabf80895a7893569fd98baa75" class="collapse collapse-content"><p></p>使用方法<br>先在<code>后台-设置外观-开发者设置-自定义CSS</code> 添加以下代码</p><pre><code class="lang-CSS">&lt;!--背景云雾特效--&gt;
{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}figure{margin:0}.absolute-bg{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.fog{position:relative;height:100vh;width:100%;position:fixed;top:0;z-index:-1}.fog__container{position:absolute;height:100%;width:100%;overflow:hidden}.fog__img{position:absolute;height:100vh;width:300vw}.fog__img--first{background:url(&quot;https://ae01.alicdn.com/kf/Ud713fee99c5d4f2bac69dd0469a95b13e.png&quot;) repeat-x;background-size:contain;background-position:center;-webkit-animation:marquee 60s linear infinite;animation:marquee 60s linear infinite}.fog__img--second{background:url(&quot;https://ae01.alicdn.com/kf/Ub5631e112d7742cbb3cab47a304b80f4T.png&quot;) repeat-x;background-size:contain;background-position:center;-webkit-animation:marquee 40s linear infinite;animation:marquee 40s linear infinite}@media screen and (max-width:767px){.fog__img--first{-webkit-animation:marquee 6s linear infinite;animation:marquee 6s linear infinite}.fog__img--second{-webkit-animation:marquee 6s linear infinite;animation:marquee 6s linear infinite}}@-webkit-keyframes marquee{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-200vw,0,0);transform:translate3d(-200vw,0,0)}}@keyframes marquee{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-200vw,0,0);transform:translate3d(-200vw,0,0)}}
&lt;!--云雾特效结束--&gt;</code></pre><p>然后编辑<code>/usr/themes/handsome/component/footer.php</code>文件<br>在<code>&lt;?php $this-&gt;footer(); ?&gt;</code>上面添加以下代码</p><pre><code class="lang-HTML">&lt;section class=&quot;fog&quot;&gt;
    &lt;div class=&quot;fog__container&quot;&gt;
        &lt;div class=&quot;fog__img fog__img--first&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;fog__img fog__img--second&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;</code></pre><p><p></p></div></div></div></p><h3>文章底部添加标签</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-17320223d8cf12147e59f2d62776fa1772" aria-expanded="true"><div class="accordion-toggle"><span style="">文章底部添加标签</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-17320223d8cf12147e59f2d62776fa1772" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/674_253_feedback_28f353a266cf47898150ab414a65bc75.png" alt="" title="" style="">在当前文章内容尾部添加该文章的标签，在主题目录下的<code>/usr/themes/handsome/post.php</code>文件中的适当地方加入以下代码。</p><pre><code class="lang-PHP">&lt;!--文章底部添加标签--&gt;
标签：&lt;?php $this-&gt;tags('，', true, 'no tag'); ?&gt;</code></pre><p><p></p></div></div></div></p><h3>在文章顶部添加百度是否收录</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-0e2b725c2ca699d7cbce09437956526278" aria-expanded="true"><div class="accordion-toggle"><span style="">在文章顶部添加百度是否收录</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-0e2b725c2ca699d7cbce09437956526278" class="collapse collapse-content"><p></p>效果图：<img src="https://img02.sogoucdn.com/app/a/200692/1451_418_feedback_9203205cfebf4924a4dabb4572df8d14.png" alt="" title="" style="">使用方法<br>在<code>handsome/functions.php</code>最底部添加代码</p><pre><code class="lang-PHP">/**
* 提示文章百度是否收录
*
*/
function baidu_record() {
$url='http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
if(checkBaidu($url)==1){
    echo &quot;百度已收录&quot;;
}
else{
    echo &quot;&lt;a style=\&quot;color:red;\&quot; rel=\&quot;external nofollow\&quot; title=\&quot;点击提交收录！\&quot; target=\&quot;_blank\&quot; href=\&quot;http://zhanzhang.baidu.com/sitesubmit/index?sitename=$url\&quot;&gt;百度未收录&lt;/a&gt;&quot;;}
}
function checkBaidu($url) {
    $url = 'http://www.baidu.com/s?wd=' . urlencode($url);
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, $url);
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
    $rs = curl_exec($curl);
    curl_close($curl);
    if (!strpos($rs, '没有找到')) { //没有找到说明已被百度收录
        return 1;
    } else {
        return -1;
    }
} </code></pre><p>然后在<code>handsome/post.php</code>在63行左右添加代码<img src="https://img03.sogoucdn.com/app/a/200692/983_489_feedback_23d9e91875bc4c9295c9cec2b3d2397a.png" alt="" title="" style=""></p><pre><code class="lang-HTML">&lt;!--百度收录--&gt;
&lt;li&gt;&lt;i class=&quot;glyphicon glyphicon-globe&quot;&gt;&lt;/i&gt;&amp;nbsp&lt;?php echo baidu_record() ?&gt;&lt;/li&gt;</code></pre><p><p></p></div></div></div></p><h3>鼠标点击特效-富强、民主文字样式</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-41b229e7fe7f246f7afb03038520999c92" aria-expanded="true"><div class="accordion-toggle"><span style="">鼠标点击特效 </span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-41b229e7fe7f246f7afb03038520999c92" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/338_164_feedback_ad8b73cc0f46447d9955052febea21ce.gif" alt="" title="" style="">将以下代码放在主题的<code>handsome/component/footer.php</code>中的<code>&lt;/body&gt;</code>之前即可。<br>或者直接在<code>后台外观设置→开发者设置→自定义输出body尾部的HTML代码</code>处粘贴即可</p><pre><code class="lang-HTML">&lt;!--鼠标点击特效--&gt;
&lt;script type=&quot;text/javascript&quot;&gt; 
/* 鼠标特效 */
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $(&quot;body&quot;).click(function(e) { 
        var a = new Array(&quot;富强&quot;, &quot;民主&quot;, &quot;文明&quot;, &quot;和谐&quot;, &quot;自由&quot;, &quot;平等&quot;, &quot;公正&quot; ,&quot;法治&quot;, &quot;爱国&quot;, &quot;敬业&quot;, &quot;诚信&quot;, &quot;友善&quot;); 
        var $i = $(&quot;&lt;span/&gt;&quot;).text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            &quot;z-index&quot;: 999999999999999999999999999999999999999999999999999999999999999999999, 
            &quot;top&quot;: y - 20, 
            &quot;left&quot;: x, 
            &quot;position&quot;: &quot;absolute&quot;, 
            &quot;font-weight&quot;: &quot;bold&quot;, 
            &quot;color&quot;: &quot;#ff6651&quot; 
        }); 
        $(&quot;body&quot;).append($i); 
        $i.animate({ 
            &quot;top&quot;: y - 180, 
            &quot;opacity&quot;: 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>鼠标点击特效-文字样式第二种</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-2c084b1a911061a8d74389dda9ef55e642" aria-expanded="true"><div class="accordion-toggle"><span style="">鼠标点击特效 -文字样式第二种</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-2c084b1a911061a8d74389dda9ef55e642" class="collapse collapse-content"><p></p>效果图：<img src="https://img04.sogoucdn.com/app/a/200692/255_90_feedback_92b3619c3677433ead3fade818dff470.png" alt="" title="" style="">在后台设置的<code>‘自定义输出body 尾部的HTML代码’</code>里填上以下代码，保存即可；</p><pre><code class="lang-HTML">/*全局-鼠标点击特效*/
&lt;script type=&quot;text/javascript&quot;&gt; 
/* 文字可改可增可减 */
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $(&quot;body&quot;).click(function(e) { 
        var a = new Array(&quot;帅气&quot;, &quot;聪明&quot;, &quot;叻仔&quot;, &quot;麦霸&quot;, &quot;无敌&quot;, &quot;多金&quot;, &quot;榜一&quot; ,&quot;流行&quot;, &quot;稳健&quot;, &quot;隆金&quot;, &quot;大佬&quot;, &quot;前卫&quot;); 
        var $i = $(&quot;&lt;span/&gt;&quot;).text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            &quot;z-index&quot;: 999999999999999999999999999999999999999999999999999999999999999999999, 
            &quot;top&quot;: y - 20, 
            &quot;left&quot;: x, 
            &quot;position&quot;: &quot;absolute&quot;, 
            &quot;font-weight&quot;: &quot;bold&quot;, 
            &quot;color&quot;: &quot;#ff6651&quot; 
        }); 
        $(&quot;body&quot;).append($i); 
        $i.animate({ 
            &quot;top&quot;: y - 180, 
            &quot;opacity&quot;: 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>鼠标点击特效-文字样式第三种</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-c39a9fa6dd0d1855f3786f75bd7f9ca910" aria-expanded="true"><div class="accordion-toggle"><span style="">鼠标点击特效</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-c39a9fa6dd0d1855f3786f75bd7f9ca910" class="collapse collapse-content"><p></p>效果图：<img src="https://img04.sogoucdn.com/app/a/200692/338_164_feedback_855f0f07f3e748f182abc4afcde815ef.gif" alt="" title="" style="">将以下代码放在主题的<code>handsome/component/footer.php</code>中的<code>&lt;/body&gt;</code>之前即可。<br>或者直接在后台<code>外观设置→开发者设置→自定义输出body尾部的HTML代码</code>处粘贴即可</p><pre><code class="lang-HTML">&lt;!--鼠标点击特效--&gt;
&lt;script&gt;  
jQuery(document).ready(function($) {   
    $(&quot;html,body&quot;).click(function(e){   
        var dfs=[  
            &quot;您刚才的点击使计生局放开了&quot;+Math.floor(Math.random()*100)+&quot;胎政策。&quot;,  
            &quot;您刚才的点击使黄石超级火山爆发了&quot;,  
            &quot;您刚才的点击使罗辑又换了一个女朋友&quot;,  
            &quot;您刚才的点击使小米公司收购了高通公司&quot;,  
            &quot;您刚才的点击引爆了&quot;+Math.random()*10000+&quot;光年外的一颗恒星&quot;,  
            &quot;您刚才的点击使头发变得乌黑浓密了&quot;,  
            &quot;您刚才的点击使您的波函数坍塌了&quot;,   
            &quot;您刚才的点击使您的银行卡被盗刷了&quot;,   
            &quot;您刚才的点击使普朗克常数扩大了十倍&quot;,   
            &quot;您刚才的点击熄灭了蓝色空间号二号主引擎&quot;,   
            &quot;您刚才的点击创造了一个小宇宙&quot;,   
            &quot;您刚才的点击使宇宙由开放转为闭合&quot;,   
            &quot;您刚才的点击让云天明和关一帆在一起了&quot;,  
            &quot;您刚才的点击使三体第&quot;+Math.floor(Math.random()*100)+&quot;舰队起航了&quot;,   
            &quot;您刚才的点击使第&quot;+Math.floor(Math.random()*10000)+&quot;号宇宙毁灭了&quot;,   
            &quot;您刚才的点击向太阳发射了一颗光粒&quot;,   
            &quot;您刚才的点击导致三体行星撞上他的主星&quot;,  
            &quot;您刚才的点击令人类文明将在&quot;+(new Date()).getFullYear()+&quot;年&quot;+((new Date()).getMonth()+1)+&quot;月&quot;+(new Date()).getUTCDate()+&quot;日23:59:59毁灭&quot;,  
            &quot;您刚才的点击启动了威慑系统&quot;,  
            &quot;您刚才的点击使谢顿计划脱离了正轨&quot;,  
            &quot;您刚才的点击使程心按下了威慑开关&quot;,  
            &quot;您刚才的点击引起了&quot;+Math.random()*10000+&quot;光年外一个行星的爆炸&quot;,  
            &quot;您刚才的点击使宇宙中产生了一些暗物质&quot;,  
            &quot;您刚才的点击引起了所有行星上的地震&quot;,  
            &quot;您刚才的点击使一台诺基亚摔碎了&quot;,  
            &quot;您刚才的点击使360云盘倒闭了&quot;,  
            &quot;您刚才的点击小米发布了MIX概念手机&quot;,  
            &quot;千万不要再次点击鼠标&quot;,  
            &quot;真的千万不要再次点击鼠标&quot;  
        ];  
        var n=Math.floor(Math.random() * dfs.length + 1)-1;   //随机获取一条数据  
        var $i=$(&quot;&lt;p/&gt;&quot;).text(dfs[n]);      //新建一个b标签，并显示随机的话语  
        var x=e.pageX,y=e.pageY;            //获取鼠标点击的x，和y  
        $i.css({                            //为标签赋予css值  
            &quot;z-index&quot;:99999,   
            &quot;top&quot;:y-20,   
            &quot;left&quot;:x,   
            &quot;position&quot;:&quot;absolute&quot;,   
            &quot;color&quot;:&quot;#E94F06&quot;,  
            &quot;font-family&quot;:&quot;微软雅黑&quot;,  
            &quot;cursor&quot;:&quot;default&quot;,  
            &quot;-moz-user-select&quot;: &quot;none&quot;,  
            &quot;-webkit-user-select&quot;: &quot;none&quot;,  
            &quot;-ms-user-select&quot;: &quot;none&quot;,  
            &quot;-khtml-user-select&quot;: &quot;none&quot;,  
            &quot;user-select&quot;: &quot;none&quot;,  
        });   
        $(&quot;body&quot;).append($i);               //在尾部插入  
        $i.animate( {&quot;top&quot;:y-180,&quot;opacity&quot;:0}, 1500, function(){$i.remove();});     //动画消除  
        e.stopPropagation();  
    });  
});   
&lt;/script&gt;</code></pre><p><p></p></div></div></div></p><h3>更改一言接口</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-1ad7a1a4e0d36d98e9769939b604149f15" aria-expanded="true"><div class="accordion-toggle"><span style="">更改一言接口</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-1ad7a1a4e0d36d98e9769939b604149f15" class="collapse collapse-content"><p></p>假如你是个古诗词爱好者，你可能希望将handsome自带的一言换为换成古诗词版的，刚好已经有人开发出这样的api了，我们直接调用即可。<br><a href="https://5k5b.com/go/aHR0cHM6Ly93d3cuamlucmlzaGljaS5jb20v" target="_blank" >今日诗词官网地址</a></p><blockquote>我比较喜欢的一点是，它会自动获取访客ip，然后根据ip所在地、访问时间等信息来推荐相关的古诗词（比如如果你在上海的晚上打开网站，它就会推送有关江南、夜雨的古诗词），很妙。具体的推荐方式<a href="https://5k5b.com/go/aHR0cHM6Ly93d3cuamlucmlzaGljaS5jb20vZG9jLyNob3c" target="_blank" >点我查看</a>。</blockquote><p>主题根目录下打开<code>index.php</code>，找到以下代码：</p><pre><code class="lang-HTML">&lt;small class=&quot;text-muted letterspacing indexWords&quot;&gt;&lt;?php
              if (@!in_array('hitokoto',$this-&gt;options-&gt;featuresetup)) {
                  $this-&gt;options-&gt;Indexwords();
              }else{
                  echo '加载中……';
                  echo '&lt;script&gt;
                         $.ajax({
                            type: \'Get\',
                            url: \'https://v1.hitokoto.cn/\',
                            success: function(data) {
                               var hitokoto = data.hitokoto;
                              $(\'.indexWords\').text(hitokoto);
                            }
                         });
&lt;/script&gt;';
              }
              ?&gt;&lt;/small&gt;</code></pre><p>更改为以下代码：</p><pre><code class="lang-HTML">&lt;small class=&quot;text-muted letterspacing indexWords&quot;&gt;
&lt;span id=&quot;jinrishici-sentence&quot;&gt;正在加载今日诗词....&lt;/span&gt;
&lt;script src=&quot;https://sdk.jinrishici.com/v2/browser/jinrishici.js&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;&lt;/small&gt;</code></pre><p>当然，别忘了在主题后台启用<code>主题增强功能-&gt;增强功能开关-&gt;启用一言接口</code><br><p></p></div></div></div></p><h3>文章页面页脚插入one一言</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-ba9f8d76aeb756ca68d36a8d7580e1c540" aria-expanded="true"><div class="accordion-toggle"><span style="">文章页面页脚插入one一言</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-ba9f8d76aeb756ca68d36a8d7580e1c540" class="collapse collapse-content"><p></p>效果图：<img src="https://img02.sogoucdn.com/app/a/200692/692_393_feedback_ae538c6861c849a3af8b2dbbecafda82.png" alt="" title="" style="">代码放置<code>开发者设置-文章页脚广告位</code></p><pre><code class="lang-HTML">&lt;small class=&quot;text-muted letterspacing indexWords&quot; style=&quot;font-family:monaco;text-align:center;&quot;&gt;
&lt;div &gt;
&lt;br&gt;
&lt;font style=&quot;font-size:20px;font-family:YouYuan;opacity:0.8;&quot;&gt;◈&lt;/font&gt;
&lt;br&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://api.xygeng.cn/one/get/&quot; &gt;
&lt;/script&gt;
&lt;/div&gt;
&lt;/small&gt;</code></pre><p><p></p></div></div></div></p><h3>右侧广告位 插入今日诗词一言</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-848a24d4a50545ed6d9c258b8ef90c3660" aria-expanded="true"><div class="accordion-toggle"><span style="">右侧广告位 插入今日诗词一言</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-848a24d4a50545ed6d9c258b8ef90c3660" class="collapse collapse-content"><p></p>效果图：<img src="https://img04.sogoucdn.com/app/a/200692/471_418_feedback_617948899b3e4495a6ebf5d30d73d8de.png" alt="" title="" style="">代码放置<code>开发者设置-全局右侧边栏广告位</code></p><pre><code class="lang-HTML">&lt;small class=&quot;text-muted letterspacing indexWords&quot; style=&quot;font-family:monaco;text-align:center;&quot;&gt;
&lt;div&gt;
&lt;font style=&quot;font-size:20px;font-family:YouYuan;opacity:0.8;&quot;&gt;◈&lt;/font&gt;
&lt;br&gt;&lt;br&gt;
&lt;span id=&quot;jinrishici-sentence&quot;&gt;正在加载今日诗词....&lt;/span&gt;
&lt;script src=&quot;https://sdk.jinrishici.com/v2/browser/jinrishici.js&quot; charset=&quot;utf-8&quot;&gt;
&lt;/script&gt;
&lt;/div&gt;
&lt;/small&gt;</code></pre><p>之后去<code>/usr/themes/handsome/component/sidebar.php</code>大约在<code>162</code>行左右<img src="https://img02.sogoucdn.com/app/a/200692/796_133_feedback_8bd79706d72143f0a1b724e7d0b2d50c.png" alt="" title="" style=""><br><p></p></div></div></div></p><h3>一言打字特效</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-2b26f92c3ea6ba8070d8f9426d0650dd91" aria-expanded="true"><div class="accordion-toggle"><span style="">一言打字特效</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-2b26f92c3ea6ba8070d8f9426d0650dd91" class="collapse collapse-content"><p></p>第一步<br>先把这两个js放到：<code>设置外观–开发者设置–自定义输出head头部的HTML代码</code></p><pre><code class="lang-HTML">&lt;script src=&quot;https://i.gordsky.cn/assets/weiyu/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://i.gordsky.cn/assets/weiyu/typed.min.js&quot;&gt;&lt;/script&gt;</code></pre><p>第二步<br>把下面的js代码。复制到：<code>设置外观–开发者设置–自定义JavaScript</code></p><pre><code class="lang-JS">function typedword(){ $.ajax({ type:&quot;get&quot;, url:&quot;https://api.gordsky.cn/Love/&quot;, data:{type:'json10'}, async:true, success:function(word){ var list = []; for(var i = 0 ;i &lt; word.length ; i++){ list.push(word[i]['word']); } $(&quot;#word&quot;).typed({ strings: list, typeSpeed: 20, loop: true, backDelay: 3000, }); } }); }</code></pre><p>第三步<br>把下面的html代码复制到：<code>设置外观–初级设置–首页一行文字介绍</code></p><pre><code class="lang-HTML">&lt;p&gt;&lt;i style=&quot;color:red;&quot; class=&quot;glyphicon glyphicon-heart&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;span id=&quot;word&quot;&gt;&lt;i class=&quot;glyphicon glyphicon-heart&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;i style=&quot;color:red;&quot; class=&quot;glyphicon glyphicon-heart&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;script&gt;$(function(){typedword();})&lt;/script&gt;&lt;/p&gt;</code></pre><p><p></p></div></div></div></p><h3>右侧栏加入每日pixiv热榜图片</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-9a3da05f0781e511e19f354a826b720433" aria-expanded="true"><div class="accordion-toggle"><span style="">右侧栏加入每日pixiv热榜图片</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-9a3da05f0781e511e19f354a826b720433" class="collapse collapse-content"><p></p>效果图：<img src="https://img02.sogoucdn.com/app/a/200692/333_468_feedback_31ef3e3d45814f21b1d4cf23866bd477.png" alt="" title="" style="">Github：<a href="https://5k5b.com/go/aHR0cHM6Ly9naXRodWIuY29tL21va2V5amF5L1BpeGl2LWRhaWx5LXRvcDUwLXdpZGdldA" target="_blank" >https://github.com/mokeyjay/Pixiv-daily-top50-widget</a><br><code>主题设置 – 开发者设置 – 全局右侧广告位</code>添加以下代码</p><pre><code class="lang-HTML">&lt;iframe src=&quot;https://cloud.mokeyjay.com/pixiv&quot; frameborder=&quot;0&quot;  style=&quot;width:240px; height:380px;&quot;&gt;&lt;/iframe&gt;</code></pre><p>然后修改<code>handsome/component/sidebar.php</code><br>找到<code>&lt;h3 class=&quot;widget-title m-t-none text-md&quot;&gt;&lt;?php _me(“广告”) ?&gt;&lt;/h3&gt;</code>，将”广告”二字修改为“P站每日热门”<br><p></p></div></div></div></p><h3>位置地球</h3><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-19ea78a51ffa7f766859520a6155cf4b57" aria-expanded="true"><div class="accordion-toggle"><span style="">位置地球</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-19ea78a51ffa7f766859520a6155cf4b57" class="collapse collapse-content"><p></p>效果图：<p><img src="https://img02.sogoucdn.com/app/a/200692/356_414_feedback_5f0ef1b6fb5e4c8c8e8370b7ba3126cd.png" alt="" title="" style="">方法：进入<code>handsome</code>后台，选择<code>“更换外观--设置外观--开发者设置--全局右侧边栏广告位”</code>，将复制的代码粘贴即可</p><pre><code class="lang-HTML">&lt;script type=&quot;text/javascript&quot; src=&quot;//rf.revolvermaps.com/0/0/6.js?i=5wrl2mbvawy&amp;amp;m=7&amp;amp;c=e63100&amp;amp;cr1=ffffff&amp;amp;f=arial&amp;amp;l=0&amp;amp;bv=90&amp;amp;lx=-420&amp;amp;ly=420&amp;amp;hi=20&amp;amp;he=7&amp;amp;hc=a8ddff&amp;amp;rs=80&quot; async=&quot;async&quot;&gt;&lt;/script&gt;</code></pre><p>替换广告字：打开<code>“/usr/themes/handsome/component/sidebar.php”</code>文件，搜索“<code>广告</code>”二字，改为“<code>位置地球</code>”。<br><p></p></div></div></div></p><h3>全站友链显示图片</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-69bfb43098a12f396dc7401fafb00e1446" aria-expanded="true"><div class="accordion-toggle"><span style="">全站友链显示图片</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-69bfb43098a12f396dc7401fafb00e1446" class="collapse collapse-content"><p></p>效果图：<img src="https://img01.sogoucdn.com/app/a/200692/318_149_feedback_54128ab1dfad40d3b5c9893705c14b93.png" alt="" title="" style="">打开/usr/themes/handsome/component/aside.php文件，大概在210左右，把这一段替换为以下代码<img src="https://img02.sogoucdn.com/app/a/200692/1060_285_feedback_a469277962524a38b6ecc51b6333ce8b.png" alt="" title="" style="">替换为：</p><pre><code class="lang-HTML">&lt;!--使用links插件，输出全站友链--&gt;
                 &lt;?php $mypattern1 = &quot;&lt;li data-original-title=\&quot;{title}\&quot; data-toggle=\&quot;tooltip\&quot; 
data-placement=\&quot;top\&quot;&gt;&lt;a rel='noopener' href=\&quot;{url}\&quot; target=\&quot;_blank\&quot;&gt;&lt;img style=\&quot;width:18px;height:18px;border-radius:50%;margin-right:3px;\&quot; src=\&quot;{image}\&quot; /&gt;&lt;span&gt;{name}&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&quot;;
                  Handsome_Plugin::output($mypattern1, 0, &quot;ten&quot;);?&gt;
                &lt;/ul&gt;
              &lt;/li&gt;</code></pre><p><p></p></div></div></div></p><h3>右侧添加“全屏显示按钮”</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-7631bdfb4df21db5f001deaff5e526a131" aria-expanded="true"><div class="accordion-toggle"><span style="">右侧添加“全屏显示按钮”</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-7631bdfb4df21db5f001deaff5e526a131" class="collapse collapse-content"><p></p>效果图：<img src="https://img03.sogoucdn.com/app/a/200692/157_130_feedback_6197956243894d02ac87f6589db81132.png" alt="" title="" style="">打开/usr/themes/handsome/component/fotter.php文件，找到“返回顶部”这段代码 大概在96行左右，在下方开始添加</p><pre><code class="lang-HTML">&lt;div class=&quot;f10 panel panel-default&quot; style=&quot;position:fixed;top:450px;right:-240px;z-index:99;width:240px;-webkit-transition:all .2s;transition:all .2s;&quot;&gt;
    &lt;button id=&quot;f10&quot; class=&quot;fix-padding btn btn-default rightSettingBtn  pos-abt 
          border-radius-half-left&quot;
            data-toggle=&quot;tooltip&quot; data-placement=&quot;left&quot; data-original-title=&quot;&lt;?php _me(&quot;全屏切换&quot;) ?&gt;&quot; style=&quot;top:44px;border:none;box-shadow:-3px 0 2px 0 rgba(0,0,0,.02);background:rgba(255,255,255,.3) !important;color:#840606 !important;border-top-right-radius:0;border-bottom-right-radius:0;left:-43px;padding:10px 15px;position:absolute;&quot;&gt;
        &lt;span class=&quot;icon1&quot;  id = &quot;span1&quot; style=&quot;display:;margin-left:1px;&quot;&gt;
            &lt;i width=&quot;13px&quot; height=&quot;13px&quot; data-feather=&quot;maximize&quot;&gt;&lt;/i&gt;
        &lt;/span&gt;
        &lt;span class=&quot;icon2&quot; id=&quot;span2&quot; style=&quot;display:none;&quot;&gt;
            &lt;i width=&quot;13px&quot; height=&quot;13px&quot; data-feather=&quot;minimize&quot;&gt;&lt;/i&gt;
        &lt;/span&gt;
                      &lt;!--&lt;i class=&quot;fontello fontello-chevron-circle-up&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;--&gt;
    &lt;/button&gt;
    &lt;style&gt;
/*        .btn-default {*/
            /*所有按钮颜色*/
/*  color: #840606 !important*/
/*}*/
/*    &lt;/style&gt;*/
    &lt;script&gt;
    
    var button = document.getElementById('f10');
    var myspan1 =document.getElementById('span1');
    var myspan2 = document.getElementById('span2');
    button.onclick = function(){
    document.fullscreen ? closeMyFullScreen() : myFullScreen();
    if(document.fullscreen )
    {
        // var name= document.getElementById('name');
        // name.style.cssText = &quot;border: 1px solid #95FF00;padding: 3px;&quot;
         myspan2.style.cssText=&quot;display:none;&quot;
         myspan1.style.cssText=&quot;display:;&quot;
    } else 
    {
         myspan1.style.cssText=&quot;display:none;&quot;
         myspan2.style.cssText=&quot;display:;&quot;
    }
};
// 全屏
function myFullScreen() {
    var docElm = document.documentElement;
    //W3C 
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    }
    //FireFox 
    else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }
    //Chrome等 
    else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
    //IE11 
    else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
    }
}
 // 退出全屏
function closeMyFullScreen() {
 
    if (document.exitFullscreen) {
        document.exitFullscreen();
    }
    else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    }
    else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
    else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}
    &lt;/script&gt;
&lt;/div&gt;</code></pre><p><p></p></div></div></div></p><h3>时光机去除蒙层</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-267a6c55f05c328f032c70f5c41b35e417" aria-expanded="true"><div class="accordion-toggle"><span style="">时光机去除蒙层</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-267a6c55f05c328f032c70f5c41b35e417" class="collapse collapse-content"><p></p>效果图：修改前<img src="https://img03.sogoucdn.com/app/a/200692/1016_394_feedback_3322b14c0e06464693ed041c2415857d.png" alt="" title="" style="">修改后<img src="https://img04.sogoucdn.com/app/a/200692/984_344_feedback_1ac045de69c8449f8479524b7c1ebbbf.png" alt="" title="" style="">把以下代码添加到<code>自定义JavaScript代码</code>内</p><pre><code class="lang-JS">/* 时光机去蒙版 */
try{
document.getElementsByClassName(&quot;wrapper-lg bg-white-opacity&quot;)[0].classList.remove(&quot;bg-white-opacity&quot;);
}catch(err){}</code></pre><p>之后去/usr/themes/handsome/cross.php文件内搜索bg-white-opacity，将这一行代码注释掉，在下方添加</p><pre><code class="lang-HTML">&lt;!--时光机去除蒙层--&gt;
&lt;div class=&quot;wrapper-lg &quot;&gt;</code></pre><p>示例图：<img src="https://img02.sogoucdn.com/app/a/200692/707_137_feedback_df90127ff01f45aa92e3265f3f8954e9.png" alt="" title="" style=""><br><p></p></div></div></div></p><h3>表情包添加</h3><p><div class="tip inlineBlock success">

以下提到的<code>JSON</code>内容添加到<code>/usr/themes/handsome/usr/OwO.json</code>文件里面，压缩包内的文件夹放到<code>/usr/themes/handsome/assets/img/emotion</code>目录内
</div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-cb46076a26aa923d2c50867ae0dad35535" aria-expanded="true"><div class="accordion-toggle"><span style="">阿鲁</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-cb46076a26aa923d2c50867ae0dad35535" class="collapse collapse-content"><p></p>阿鲁是在自带阿鲁表情包的基础上做的拓展，所以如果你不想拓展的话，<code>JSON</code>部分需要自行调整</p><pre><code class="lang-JSON">&quot;阿鲁&quot;: {
    &quot;name&quot;: &quot;aru&quot;,
    &quot;type&quot;: &quot;image&quot;,
    &quot;container&quot;: [
      {
        &quot;icon&quot;: &quot;0000&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0010&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0020&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0030&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0040&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0050&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0060&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0070&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0080&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0090&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0100&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0110&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0120&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0130&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0140&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0150&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0160&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0171&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0180&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0181&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0190&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0200&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0210&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0220&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0230&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0240&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0241&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0250&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0260&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0270&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0280&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0290&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0300&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0310&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0320&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0330&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0331&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0340&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0350&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0360&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0370&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0380&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0390&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0391&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0400&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0410&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0420&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0430&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0431&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0440&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0450&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0451&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0460&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0461&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0462&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0470&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0480&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0490&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0500&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0510&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0520&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0530&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0540&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0550&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0560&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0570&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0580&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0590&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0600&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0610&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;0620&quot;,
        &quot;text&quot;: &quot;**&quot;
      },
      {
        &quot;icon&quot;: &quot;despise&quot;,
        &quot;text&quot;: &quot;鄙视&quot;
      },
      {
        &quot;icon&quot;: &quot;knife&quot;,
        &quot;text&quot;: &quot;插刀&quot;
      },
      {
        &quot;icon&quot;: &quot;pouting&quot;,
        &quot;text&quot;: &quot;亲嘴&quot;
      },
      {
        &quot;icon&quot;: &quot;shutup&quot;,
        &quot;text&quot;: &quot;闭嘴&quot;
      },
      {
        &quot;icon&quot;: &quot;unhappy&quot;,
        &quot;text&quot;: &quot;不开心&quot;
      },
      {
        &quot;icon&quot;: &quot;discovertruth&quot;,
        &quot;text&quot;: &quot;发现真相&quot;
      },
      {
        &quot;icon&quot;: &quot;shit&quot;,
        &quot;text&quot;: &quot;便便&quot;
      },
      {
        &quot;icon&quot;: &quot;distressed&quot;,
        &quot;text&quot;: &quot;烦恼&quot;
      },
      {
        &quot;icon&quot;: &quot;shy&quot;,
        &quot;text&quot;: &quot;捂脸&quot;
      },
      {
        &quot;icon&quot;: &quot;speechless&quot;,
        &quot;text&quot;: &quot;无语&quot;
      },
      {
        &quot;icon&quot;: &quot;confuse&quot;,
        &quot;text&quot;: &quot;迷惑&quot;
      },
      {
        &quot;icon&quot;: &quot;frown&quot;,
        &quot;text&quot;: &quot;皱眉&quot;
      },
      {
        &quot;icon&quot;: &quot;proud&quot;,
        &quot;text&quot;: &quot;得意&quot;
      },
      {
        &quot;icon&quot;: &quot;cheer&quot;,
        &quot;text&quot;: &quot;欢呼&quot;
      },
      {
        &quot;icon&quot;: &quot;meditation&quot;,
        &quot;text&quot;: &quot;沉思&quot;
      },
      {
        &quot;icon&quot;: &quot;diving&quot;,
        &quot;text&quot;: &quot;潜水&quot;
      },
      {
        &quot;icon&quot;: &quot;cryingface&quot;,
        &quot;text&quot;: &quot;掩面哭泣&quot;
      },
      {
        &quot;icon&quot;: &quot;lurking&quot;,
        &quot;text&quot;: &quot;潜伏&quot;
      },
      {
        &quot;icon&quot;: &quot;thumb&quot;,
        &quot;text&quot;: &quot;大拇指&quot;
      },
      {
        &quot;icon&quot;: &quot;smile&quot;,
        &quot;text&quot;: &quot;微笑&quot;
      },
      {
        &quot;icon&quot;: &quot;clap&quot;,
        &quot;text&quot;: &quot;拍掌&quot;
      },
      {
        &quot;icon&quot;: &quot;envious&quot;,
        &quot;text&quot;: &quot;眼馋&quot;
      },
      {
        &quot;icon&quot;: &quot;surrender&quot;,
        &quot;text&quot;: &quot;投降&quot;
      },
      {
        &quot;icon&quot;: &quot;bigeye&quot;,
        &quot;text&quot;: &quot;大眼睛&quot;
      },
      {
        &quot;icon&quot;: &quot;nose&quot;,
        &quot;text&quot;: &quot;抠鼻&quot;
      },
      {
        &quot;icon&quot;: &quot;sweat&quot;,
        &quot;text&quot;: &quot;流汗&quot;
      },
      {
        &quot;icon&quot;: &quot;flower&quot;,
        &quot;text&quot;: &quot;小花花&quot;
      },
      {
        &quot;icon&quot;: &quot;crying&quot;,
        &quot;text&quot;: &quot;流泪&quot;
      },
      {
        &quot;icon&quot;: &quot;spit&quot;,
        &quot;text&quot;: &quot;吐&quot;
      },
      {
        &quot;icon&quot;: &quot;surprised&quot;,
        &quot;text&quot;: &quot;吃惊&quot;
      },
      {
        &quot;icon&quot;: &quot;blood&quot;,
        &quot;text&quot;: &quot;一滩血&quot;
      },
      {
        &quot;icon&quot;: &quot;blood2&quot;,
        &quot;text&quot;: &quot;吐血&quot;
      },
      {
        &quot;icon&quot;: &quot;shy2&quot;,
        &quot;text&quot;: &quot;脸红&quot;
      },
      {
        &quot;icon&quot;: &quot;angry&quot;,
        &quot;text&quot;: &quot;生气&quot;
      },
      {
        &quot;icon&quot;: &quot;nomatter&quot;,
        &quot;text&quot;: &quot;无所谓&quot;
      },
      {
        &quot;icon&quot;: &quot;dead&quot;,
        &quot;text&quot;: &quot;死翘翘&quot;
      },
      {
        &quot;icon&quot;: &quot;insidious&quot;,
        &quot;text&quot;: &quot;阴险&quot;
      },
      {
        &quot;icon&quot;: &quot;1010&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;1020&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;1030&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;1040&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;1050&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;1060&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;1070&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;1080&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2010&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2020&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2030&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2040&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2050&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2060&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
        {
        &quot;icon&quot;: &quot;2070&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2080&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2090&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2100&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2101&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2110&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2120&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2130&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2140&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2141&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2145&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2150&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2151&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2152&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2160&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2161&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2165&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2170&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;2171&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;3010&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;3011&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;3020&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;3030&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
        {
        &quot;icon&quot;: &quot;3040&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;3050&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;3060&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;3061&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4010&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4020&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4021&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4022&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4023&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4024&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4025&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4030&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4031&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4040&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4041&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4042&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4100&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4110&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4111&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4112&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4113&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4114&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4115&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4120&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4121&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4130&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4140&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4200&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4201&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4210&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
        {
        &quot;icon&quot;: &quot;4211&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4212&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4213&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4220&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4300&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4301&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4302&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4303&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
         {
        &quot;icon&quot;: &quot;4304&quot;,
        &quot;text&quot;: &quot;**&quot;
        },
      {
        &quot;icon&quot;: &quot;tongue&quot;,
        &quot;text&quot;: &quot;吐舌&quot;
      },
      {
        &quot;icon&quot;: &quot;4310&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5000&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5001&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5002&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5003&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5010&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5020&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5030&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5040&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5050&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5060&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5069&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5070&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5080&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5090&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5091&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5100&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5110&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5120&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5130&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5131&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5140&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5141&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5150&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5151&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5160&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5161&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5170&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5180&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5190&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5200&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5210&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5220&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;5230&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6000&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6001&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6010&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6020&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6030&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6040&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6050&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6051&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6060&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6061&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6070&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6080&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6090&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6091&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6092&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6100&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6110&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6120&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6121&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6130&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6131&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6132&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6140&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6150&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6151&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6160&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6500&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6510&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6520&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;6530&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7000&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7010&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7011&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7012&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7020&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7021&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7030&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7040&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7045&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7046&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7050&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7051&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7052&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7053&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7054&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7060&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7061&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7062&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7070&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7071&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7080&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7081&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7090&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7100&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7110&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7111&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7112&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7113&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7200&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7201&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7210&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7220&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;7230&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8000&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8001&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8010&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8020&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8021&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8030&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8040&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8041&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8042&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8050&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8051&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8060&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8062&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8070&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8071&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8072&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8080&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8081&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8082&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8083&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8084&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8085&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8090&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8091&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8092&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8100&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8101&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8102&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8103&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;8110&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x010&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x011&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x012&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x013&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x014&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x021&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x022&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x031&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x032&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x041&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x042&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x050&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x060&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x061&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x062&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x063&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x069&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x070&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x071&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x080&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x081&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x082&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x083&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x090&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x091&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x092&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x093&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
      {
        &quot;icon&quot;: &quot;x094&quot;,
        &quot;text&quot;: &quot;#&quot;
      },
       {
        &quot;icon&quot;: &quot;x099&quot;,
        &quot;text&quot;: &quot;#&quot;
      }
    ]
  },</code></pre><p><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/iLZLu051x4uj','_blank')"><i><i data-feather="download"></i></i>阿鲁整合包下载</button><br><p></p></div></div></div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-efd85b9d4ade252ddc1528d19fcc899470" aria-expanded="true"><div class="accordion-toggle"><span style="">贴吧</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-efd85b9d4ade252ddc1528d19fcc899470" class="collapse collapse-content"><p></p></p><pre><code class="lang-JSON">&quot;贴吧&quot;:{
    &quot;type&quot;: &quot;image&quot;,
    &quot;name&quot;: &quot;tieba&quot;,
    &quot;container&quot;:[
      {
        &quot;icon&quot;: &quot;Y.tb1&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb2&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb3&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb4&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb5&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb6&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb7&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb8&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb9&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb10&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb11&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb12&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb13&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb14&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb15&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb17&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb18&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb19&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb20&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb23&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb24&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb25&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb26&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb27&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb28&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb29&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb30&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb31&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb32&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb33&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb34&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb35&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb36&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb37&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb38&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb39&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb40&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb41&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb42&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb43&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb44&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb45&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb46&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb47&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb48&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb49&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb50&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb51&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb52&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb53&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb54&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb55&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb56&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb57&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb58&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb59&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb60&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb61&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb62&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb63&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb64&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb65&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb66&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb67&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb68&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb69&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb70&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb71&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb72&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb73&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb74&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb75&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb76&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb77&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb78&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb79&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb80&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb81&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb82&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb83&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb84&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb85&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb86&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb87&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb88&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb89&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb90&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb91&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb92&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb93&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb94&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb95&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb96&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb97&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb98&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.tb99&quot;,
        &quot;text&quot;: &quot;贴吧&quot;
      }

]

},</code></pre><p><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/i74vd051x7qd','_blank')"><i><i data-feather="download"></i></i>贴吧整合包下载</button><br><p></p></div></div></div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-b2674380ccd58af0f3e901a28671757639" aria-expanded="true"><div class="accordion-toggle"><span style="">微博</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-b2674380ccd58af0f3e901a28671757639" class="collapse collapse-content"><p></p></p><pre><code class="lang-JSON">&quot;微博&quot;:{
    &quot;type&quot;: &quot;image&quot;,
    &quot;name&quot;: &quot;weibo&quot;,
    &quot;container&quot;:[
      {
        &quot;icon&quot;: &quot;Y.wb1&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb2&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb3&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb4&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb5&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb6&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb7&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb8&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb9&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb10&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb11&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb12&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb13&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb14&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb15&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb16&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb17&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb18&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb19&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb20&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb21&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb22&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb23&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb24&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb25&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb26&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb27&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb28&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb29&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb30&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb31&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb32&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb33&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb34&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb35&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb36&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb37&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb38&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb39&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb40&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb41&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb42&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb43&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb44&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb45&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb46&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb47&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb48&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb49&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb50&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb51&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb52&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb53&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb54&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb55&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb56&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb57&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb58&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb59&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb60&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb61&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb62&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb63&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb64&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb65&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb66&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb67&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb68&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb69&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb70&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb71&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb72&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb73&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb74&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb75&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb76&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb77&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb78&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb79&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb80&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb81&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb82&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb83&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb84&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb85&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb86&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb87&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb88&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb89&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb90&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb91&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb92&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb93&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb94&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb95&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb96&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb97&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb98&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb99&quot;,
        &quot;text&quot;: &quot;微博&quot;
            },
      {
        &quot;icon&quot;: &quot;Y.wb100&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb101&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb102&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb103&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb104&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb105&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb106&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb107&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb108&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb109&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb110&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb111&quot;,
        &quot;text&quot;: &quot;微博&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.wb112&quot;,
        &quot;text&quot;: &quot;微博&quot;
      }
    ]
  },</code></pre><p><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/iy56Z051xafa','_blank')"><i><i data-feather="download"></i></i>微博整合包下载</button><br><p></p></div></div></div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d01ea33601ed8056f7344cb7732cd05063" aria-expanded="true"><div class="accordion-toggle"><span style="">QQ</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d01ea33601ed8056f7344cb7732cd05063" class="collapse collapse-content"><p></p></p><pre><code class="lang-JSON">&quot;QQ&quot;:{
    &quot;type&quot;: &quot;image&quot;,
    &quot;name&quot;: &quot;QQ&quot;,
    &quot;container&quot;:[
      {
        &quot;icon&quot;: &quot;Y.qq1&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq2&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq3&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq4&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq5&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq6&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq7&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq8&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq9&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq10&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq11&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq12&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq13&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq14&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq15&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq17&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq18&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq19&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq20&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq23&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq24&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq25&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq26&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq27&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq28&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq29&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq30&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq31&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq32&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq33&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq34&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq35&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq36&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq37&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq38&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq39&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq40&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq41&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq42&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq43&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq44&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq45&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq46&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq47&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq48&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq49&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq50&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq51&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq52&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq53&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq54&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq55&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq56&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq57&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq58&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq59&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq60&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq61&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq62&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq63&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq64&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq65&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq66&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq67&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq68&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq69&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq70&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq71&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq72&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq73&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq74&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq75&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq76&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq77&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq78&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq79&quot;,
        &quot;text&quot;: &quot;QQ&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.qq80&quot;,
        &quot;text&quot;: &quot;QQ&quot;  
      }
    ]
  },</code></pre><p><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/iuFRu051xdad','_blank')"><i><i data-feather="download"></i></i>QQ整合包下载</button><br><p></p></div></div></div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-39e5cf06b349c2c6eb9868fe1e6a37f663" aria-expanded="true"><div class="accordion-toggle"><span style="">emoji</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-39e5cf06b349c2c6eb9868fe1e6a37f663" class="collapse collapse-content"><p></p></p><pre><code class="lang-JSON">&quot;emoji&quot;:{
    &quot;type&quot;: &quot;image&quot;,
    &quot;name&quot;: &quot;emoji&quot;,
    &quot;container&quot;:[
      {
        &quot;icon&quot;: &quot;Y.emoji1&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji2&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji3&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji4&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji5&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji6&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji7&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji8&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji9&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji10&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji11&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji12&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji13&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji14&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji15&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji17&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji18&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji19&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji20&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji23&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji24&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji25&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji26&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji27&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji28&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji29&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji30&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji31&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji32&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji33&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji34&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji35&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji36&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji37&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji38&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji39&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji40&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji41&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji42&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji43&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji44&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji45&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji46&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji47&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji48&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji49&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji50&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji51&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji52&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji53&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji54&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji55&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji56&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji57&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji58&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji59&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji60&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji61&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji62&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji63&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji64&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji65&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji66&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji67&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji68&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji69&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji70&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji71&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji72&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji73&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji74&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      },
      {
        &quot;icon&quot;: &quot;Y.emoji75&quot;,
        &quot;text&quot;: &quot;emoji&quot;
      }
    ]
  },</code></pre><p><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/ihie8051xijc','_blank')"><i><i data-feather="download"></i></i>emoji整合包下载</button><br><p></p></div></div></div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f26e94509b53202ee6693f88edf3bca859" aria-expanded="true"><div class="accordion-toggle"><span style="">蛆音娘</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f26e94509b53202ee6693f88edf3bca859" class="collapse collapse-content"><p></p></p><pre><code class="lang-JSON">&quot;蛆音娘&quot;: {
    &quot;name&quot;: &quot;quyin&quot;,
    &quot;type&quot;: &quot;image&quot;,
    &quot;container&quot;: [
      {
        &quot;icon&quot;: &quot;hematemesis&quot;,
        &quot;text&quot;: &quot;吐血&quot;
      },
      {
        &quot;icon&quot;: &quot;1huaji&quot;,
        &quot;text&quot;: &quot;滑稽&quot;
      },
      {
        &quot;icon&quot;: &quot;amazing&quot;,
        &quot;text&quot;: &quot;吃惊&quot;
      },
      {
        &quot;icon&quot;: &quot;angry&quot;,
        &quot;text&quot;: &quot;生气&quot;
      },
      {
        &quot;icon&quot;: &quot;cry&quot;,
        &quot;text&quot;: &quot;哭泣&quot;
      },
      {
        &quot;icon&quot;: &quot;die&quot;,
        &quot;text&quot;: &quot;die&quot;
      },
      {
        &quot;icon&quot;: &quot;doubt&quot;,
        &quot;text&quot;: &quot;疑问&quot;
      },
      {
        &quot;icon&quot;: &quot;feizao&quot;,
        &quot;text&quot;: &quot;肥皂&quot;
      },
      {
        &quot;icon&quot;: &quot;fue&quot;,
        &quot;text&quot;: &quot;扶额&quot;
      },
      {
        &quot;icon&quot;: &quot;heng&quot;,
        &quot;text&quot;: &quot;哼&quot;
      },
      {
        &quot;icon&quot;: &quot;laughing&quot;,
        &quot;text&quot;: &quot;大笑&quot;
      },
      {
        &quot;icon&quot;: &quot;look&quot;,
        &quot;text&quot;: &quot;偷看&quot;
      },
      {
        &quot;icon&quot;: &quot;maimeng&quot;,
        &quot;text&quot;: &quot;卖萌&quot;
      },
      {
        &quot;icon&quot;: &quot;OK&quot;,
        &quot;text&quot;: &quot;OK！&quot;
      },
      {
        &quot;icon&quot;: &quot;scare&quot;,
        &quot;text&quot;: &quot;吓死宝宝惹&quot;
      },
      {
        &quot;icon&quot;: &quot;shakinghead&quot;,
        &quot;text&quot;: &quot;摇头&quot;
      },
      {
        &quot;icon&quot;: &quot;sleep&quot;,
        &quot;text&quot;: &quot;睡觉&quot;
      },
      {
        &quot;icon&quot;: &quot;speechless&quot;,
        &quot;text&quot;: &quot;无语&quot;
      },
      {
        &quot;icon&quot;: &quot;watermaleon&quot;,
        &quot;text&quot;: &quot;吃瓜&quot;
      },
      {
        &quot;icon&quot;: &quot;witty&quot;,
        &quot;text&quot;: &quot;机智&quot;
      }
    ]
  },</code></pre><p><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/iA4VQ051xm8f','_blank')"><i><i data-feather="download"></i></i>蛆音娘整合包下载</button><br><p></p></div></div></div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-cfd1f3aa999171311590dce1fff4746242" aria-expanded="true"><div class="accordion-toggle"><span style="">bilibili</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-cfd1f3aa999171311590dce1fff4746242" class="collapse collapse-content"><p></p></p><pre><code class="lang-JSON">&quot;哔哩哔哩&quot;:{
    &quot;type&quot;: &quot;image&quot;,
    &quot;name&quot;: &quot;bilibili&quot;,
    &quot;container&quot;:[
      {
        &quot;icon&quot;: &quot;baiyan&quot;,
        &quot;text&quot;: &quot;白眼&quot;
      },
      {
        &quot;icon&quot;: &quot;bishi&quot;,
        &quot;text&quot;: &quot;鄙视&quot;
      },
      {
        &quot;icon&quot;: &quot;bizui&quot;,
        &quot;text&quot;: &quot;闭嘴&quot;
      },
      {
        &quot;icon&quot;: &quot;chan&quot;,
        &quot;text&quot;: &quot;馋&quot;
      },
      {
        &quot;icon&quot;: &quot;daku&quot;,
        &quot;text&quot;: &quot;大哭&quot;
      },
      {
        &quot;icon&quot;: &quot;dalao&quot;,
        &quot;text&quot;: &quot;大佬&quot;
      },
      {
        &quot;icon&quot;: &quot;dalian&quot;,
        &quot;text&quot;: &quot;打脸&quot;
      },{
        &quot;icon&quot;: &quot;dianzan&quot;,
        &quot;text&quot;: &quot;点赞&quot;
      },{
        &quot;icon&quot;: &quot;doge&quot;,
        &quot;text&quot;: &quot;doge&quot;
      },
      {
        &quot;icon&quot;: &quot;facai&quot;,
        &quot;text&quot;: &quot;发财&quot;
      },{
        &quot;icon&quot;: &quot;fadai&quot;,
        &quot;text&quot;: &quot;发呆&quot;
      },{
        &quot;icon&quot;: &quot;fanu&quot;,
        &quot;text&quot;: &quot;发怒&quot;
      },{
        &quot;icon&quot;: &quot;ganga&quot;,
        &quot;text&quot;: &quot;尴尬&quot;
      },{
        &quot;icon&quot;: &quot;guzhang&quot;,
        &quot;text&quot;: &quot;鼓掌&quot;
      },{
        &quot;icon&quot;: &quot;haixiu&quot;,
        &quot;text&quot;: &quot;害羞&quot;
      },{
        &quot;icon&quot;: &quot;heirenwenhao&quot;,
        &quot;text&quot;: &quot;黑人问号&quot;
      },{
        &quot;icon&quot;: &quot;huaixiao&quot;,
        &quot;text&quot;: &quot;坏笑&quot;
      },{
        &quot;icon&quot;: &quot;jingxia&quot;,
        &quot;text&quot;: &quot;惊吓&quot;
      },{
        &quot;icon&quot;: &quot;keai&quot;,
        &quot;text&quot;: &quot;可爱&quot;
      },{
        &quot;icon&quot;: &quot;koubi&quot;,
        &quot;text&quot;: &quot;抠鼻&quot;
      },{
        &quot;icon&quot;: &quot;kun&quot;,
        &quot;text&quot;: &quot;困&quot;
      },{
        &quot;icon&quot;: &quot;liubixie&quot;,
        &quot;text&quot;: &quot;流鼻血&quot;
      },{
        &quot;icon&quot;: &quot;liuhan&quot;,
        &quot;text&quot;: &quot;流汗&quot;
      },
      {
        &quot;icon&quot;: &quot;miantian&quot;,
        &quot;text&quot;: &quot;腼腆&quot;
      },{
        &quot;icon&quot;: &quot;nanguo&quot;,
        &quot;text&quot;: &quot;难过&quot;
      },{
        &quot;icon&quot;: &quot;outu&quot;,
        &quot;text&quot;: &quot;呕吐&quot;
      },{
        &quot;icon&quot;: &quot;qinqin&quot;,
        &quot;text&quot;: &quot;亲亲&quot;
      },{
        &quot;icon&quot;: &quot;se&quot;,
        &quot;text&quot;: &quot;色&quot;
      },{
        &quot;icon&quot;: &quot;shengbing&quot;,
        &quot;text&quot;: &quot;生病&quot;
      },{
        &quot;icon&quot;: &quot;shengqi&quot;,
        &quot;text&quot;: &quot;生气&quot;
      },{
        &quot;icon&quot;: &quot;shuizhao&quot;,
        &quot;text&quot;: &quot;睡着&quot;
      },{
        &quot;icon&quot;: &quot;sikao&quot;,
        &quot;text&quot;: &quot;思考&quot;
      },{
        &quot;icon&quot;: &quot;tiaopi&quot;,
        &quot;text&quot;: &quot;调皮&quot;
      },{
        &quot;icon&quot;: &quot;touxiao&quot;,
        &quot;text&quot;: &quot;偷笑&quot;
      },{
        &quot;icon&quot;: &quot;tuxie&quot;,
        &quot;text&quot;: &quot;吐血&quot;
      },{
        &quot;icon&quot;: &quot;weiqu&quot;,
        &quot;text&quot;: &quot;委屈&quot;
      },{
        &quot;icon&quot;: &quot;weixiao&quot;,
        &quot;text&quot;: &quot;微笑&quot;
      },{
        &quot;icon&quot;: &quot;wunai&quot;,
        &quot;text&quot;: &quot;无奈&quot;
      },{
        &quot;icon&quot;: &quot;xiaoku&quot;,
        &quot;text&quot;: &quot;笑哭&quot;
      },{
        &quot;icon&quot;: &quot;xieyanxiao&quot;,
        &quot;text&quot;: &quot;斜眼笑&quot;
      },{
        &quot;icon&quot;: &quot;yiwen&quot;,
        &quot;text&quot;: &quot;疑问&quot;
      },{
        &quot;icon&quot;: &quot;yun&quot;,
        &quot;text&quot;: &quot;晕&quot;
      },{
        &quot;icon&quot;: &quot;zaijian&quot;,
        &quot;text&quot;: &quot;再见&quot;
      },{
        &quot;icon&quot;: &quot;zhuakuang&quot;,
        &quot;text&quot;: &quot;抓狂&quot;
      }
    ]
  },</code></pre><p><button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://rjw.lanzoul.com/iKjZM051xodc','_blank')"><i><i data-feather="download"></i></i>bilibili整合包下载</button><br><p></p></div></div></div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-4dcd262d5520e2805cd3d462603849a338" aria-expanded="true"><div class="accordion-toggle"><span style="">表情包过大解决办法</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-4dcd262d5520e2805cd3d462603849a338" class="collapse collapse-content"><p></p>在<code>自定义CSS</code>处添加如下代码即可，注意<code>emotion-</code>后面即为表情名字，即<code>OwO.json</code>文件里的<code>name</code>。<br>每个表情包都要写一个<code>css</code>添加进去才可以。以本博客为例：</p><pre><code class="lang-CSS">/* Emoji大小调整 */
.emotion-QQ {width:35px;}
.emotion-aru {width:35px;}
.emotion-bilibili {width:35px;}
.emotion-weibo {width:35px;}
.emotion-quyin {width:35px;}
.emotion-tieba {width:35px;}</code></pre><p><p></p></div></div></div></p><h2>插件推荐</h2><h3>UserAgent插件v1.1.1</h3><p>显示评论人使用的操作系统和浏览器信息<br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-0e958078c1ef99d37014838cdd07a2f879" aria-expanded="true"><div class="accordion-toggle"><span style="">UserAgent插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-0e958078c1ef99d37014838cdd07a2f879" class="collapse collapse-content"><p></p>插件截图<div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/959_807_feedback_cb04546a73cb44ba8bbbb82f8137de2b.png" alt="插件设置页面" title="插件设置页面" style="">
          <figcaption itemprop="caption description">插件设置页面</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/864_583_feedback_5b9b9a3cb9664f67828a887997ec7512.png" alt="只显示 ICON使用效果图" title="只显示 ICON使用效果图" style="">
          <figcaption itemprop="caption description">只显示 ICON使用效果图</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img02.sogoucdn.com/app/a/200692/873_581_feedback_a649d93fd05942c495299da29399bd8f.png" alt="显示 ICON + UA 详细使用效果图" title="显示 ICON + UA 详细使用效果图" style="">
          <figcaption itemprop="caption description">显示 ICON + UA 详细使用效果图</figcaption>
      </figure></div><br>1.请先将插件置于<code>plugins</code>目录下，且插件目录名应为<code>UserAgent</code>，注意大小写，否则将无法正常食用！！！<br>2.修改<code>Handsome</code>主题，<code>component/comments.php</code>代码文件，大概第83行左右<img src="https://img03.sogoucdn.com/app/a/200692/1095_521_feedback_41a36853b6474edaac11923854f6c8a6.png" alt="" title="" style=""></p><pre><code class="lang-PHP">&lt;?php UserAgent_Plugin::get_useragent($comments-&gt;agent,$comments-&gt;ip); ?&gt;</code></pre><p>获取真实<code>IP</code><br>博客开启<code>CDN</code>后，可能无法获取访客真实<code>IP</code>，只能取得<code>CDN</code>节点<code>IP</code>，为此可以在根目录的<code>config.inc.php</code>插入下面的代码：</p><pre><code class="lang-PHP">//** 防止CDN造成无法获取客户真实IP地址 */
if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) 
{
    $list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
    $_SERVER['REMOTE_ADDR'] = $list[0];
}</code></pre><p><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/iD2L005exuib','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>自动生成Sitemap插件v1.3.2</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-b3733b0c963c8e1e06dfeecc2db8b4d180" aria-expanded="true"><div class="accordion-toggle"><span style="">自动生成Sitemap插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-b3733b0c963c8e1e06dfeecc2db8b4d180" class="collapse collapse-content"><p></p>插件截图<div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img01.sogoucdn.com/app/a/200692/740_821_feedback_8eb7ce4c47f54ea588b2604fe4ff7e7b.jpg" alt="插件截图" title="插件截图" style="">
          <figcaption itemprop="caption description">插件截图</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img03.sogoucdn.com/app/a/200692/403_358_feedback_e87babe9efe94ebd851eb6d354c4be9d.jpg" alt="推送百度截图" title="推送百度截图" style="">
          <figcaption itemprop="caption description">推送百度截图</figcaption>
      </figure></div><br>将压缩包内文件夹<code>Sitemap</code>上传到<code>plugins</code>目录<br>功能<br>生成 sitemap包含首页、独立页面、分类、标签、文章<br>推送百度搜索资源平台，目前仅支持普通收录推送<br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/iyJjr05fpefa','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>评论邮件提醒插件CommentNotifier v1.2.9</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-26887c0fa726a6bc4f15024e6f03b05a84" aria-expanded="true"><div class="accordion-toggle"><span style="">评论邮件提醒插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-26887c0fa726a6bc4f15024e6f03b05a84" class="collapse collapse-content"><p></p>插件截图<br><div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/777_891_feedback_4178b3b307ab4e41898df11e413aa1f2.png" alt="设置截图" title="设置截图" style="">
          <figcaption itemprop="caption description">设置截图</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img02.sogoucdn.com/app/a/200692/635_693_feedback_17fbfe1752844762880ce9a3342826d4.png" alt="两套模板可选择" title="两套模板可选择" style="">
          <figcaption itemprop="caption description">两套模板可选择</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img03.sogoucdn.com/app/a/200692/1121_666_feedback_5f5c26c4a9ca4466858c527ad0224f7e.png" alt="可自定义修改模板文件" title="可自定义修改模板文件" style="">
          <figcaption itemprop="caption description">可自定义修改模板文件</figcaption>
      </figure></div><br>将压缩包内文件夹上传到<code>plugins</code>目录<br>功能<br>有新评论时会自动发送邮件提醒<br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/ietp405hbgdi','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>检测异常友链插件AbnormalLinks v1.0.1</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3be50104069627e421d3bf1517ae27c613" aria-expanded="true"><div class="accordion-toggle"><span style="">检测异常友链插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3be50104069627e421d3bf1517ae27c613" class="collapse collapse-content"><p></p>插件截图：<br><div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/695_385_feedback_556d3b019e7f467cb7cc166d8c757dcd.png" alt="功能位置截图" title="功能位置截图" style="">
          <figcaption itemprop="caption description">功能位置截图</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img02.sogoucdn.com/app/a/200692/713_289_feedback_76653f31847c4ed58d997fd1ed5ff083.png" alt="检测完成" title="检测完成" style="">
          <figcaption itemprop="caption description">检测完成</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img02.sogoucdn.com/app/a/200692/765_187_feedback_477a3fd2e94d4f18b14759ec5e716028.png" alt="同步显示为失效" title="同步显示为失效" style="">
          <figcaption itemprop="caption description">同步显示为失效</figcaption>
      </figure></div><br>将压缩包内文件夹上传到<code>plugins</code>目录<br>插件只需开启，无需其他设置，直接一键检测即可，检测完可一键设置为失效链接<br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/iMFyH05fr23i','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>炫彩鼠标插件HoerMouse v1.3.0</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-5e1dcb2cc8b2d321b72cb409d6b5079466" aria-expanded="true"><div class="accordion-toggle"><span style="">炫彩鼠标插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-5e1dcb2cc8b2d321b72cb409d6b5079466" class="collapse collapse-content"><p></p>插件截图：<img src="https://img02.sogoucdn.com/app/a/200692/981_819_feedback_04aaf36c11d946e4a39e9c818a3964b9.png" alt="" title="" style="">将压缩包内文件夹上传到<code>plugins</code>目录<br>插件内置7款鼠标样式和3款点击样式，简单设置即可<br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/inCFS05fu68f','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>b站追番插件Mo66CnBilifan v1.0.3</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-8a3f210c9a232937782af0f90eaaf6eb26" aria-expanded="true"><div class="accordion-toggle"><span style="">b站追番插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-8a3f210c9a232937782af0f90eaaf6eb26" class="collapse collapse-content"><p></p>插件截图：<img src="https://img01.sogoucdn.com/app/a/200692/889_759_feedback_360e8a90c76a449b858f7b906c1bb591.png" alt="" title="" style="">将压缩包内文件夹上传到<code>plugins</code>目录<br>新增追番独立页面（Handsome官方文档有介绍 这里就不多讲了）配合插件使用<br>这里我将下如何获取b站UID以及B站cookie<br>登录b站后，点击头像，按F12键，刷新下页面，选择“网络”-再找到nav-复制整段cookie即可<img src="https://img03.sogoucdn.com/app/a/200692/1908_969_feedback_f8d3d958985d41ed901ae7766d3f37b2.png" alt="" title="" style=""><img src="https://img03.sogoucdn.com/app/a/200692/978_268_feedback_933402375d814f5bbf45f52c627a0b0e.png" alt="" title="" style=""><br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/iX1DU05ez1ef','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>数据库自动备份至邮箱插件 AutoBackup v1.3.2</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-263d3b8175b54eae280dc12cfcdd50da72" aria-expanded="true"><div class="accordion-toggle"><span style="">数据库自动备份至邮箱插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-263d3b8175b54eae280dc12cfcdd50da72" class="collapse collapse-content"><p></p>插件截图：<img src="https://img01.sogoucdn.com/app/a/200692/783_888_feedback_82330fb76ffa4122850ce3c3ef46253b.png" alt="" title="" style=""><img src="https://img04.sogoucdn.com/app/a/200692/1055_535_feedback_877677cd153e4996a33faf3b4b2a6608.png" alt="" title="" style="">放到 <code>plugins</code> 目录，在后台启用插件，插件进行简单配置，添加邮箱发送信息。<br>然后在宝塔面板添加计划任务，每天备份一次即可<img src="https://img04.sogoucdn.com/app/a/200692/619_302_feedback_3f5c1b8980ca420487b139c6fbd6389f.png" alt="" title="" style=""><br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/i9zdV0a6pnza','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>外部链接转换内部链接ShortLinks v1.2.0</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3abd091a12f6b5cf1c92671523b5796394" aria-expanded="true"><div class="accordion-toggle"><span style="">外部链接转换内部链接</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3abd091a12f6b5cf1c92671523b5796394" class="collapse collapse-content"><p></p>插件截图：<img src="https://img04.sogoucdn.com/app/a/200692/980_765_feedback_d2b0f721e44245619abebfbcfc106972.png" alt="" title="" style=""><img src="https://img02.sogoucdn.com/app/a/200692/795_753_feedback_f83c01394df34af7b15c5af3c804725d.png" alt="" title="" style="">将压缩包内文件夹上传到<code>plugins</code>目录<br>插件内置6款跳转模板，可自行选择<br><div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img01.sogoucdn.com/app/a/200692/349_257_feedback_507e23bdd1da465385ff922e0465d667.gif" alt="default模板" title="default模板" style="">
          <figcaption itemprop="caption description">default模板</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/403_298_feedback_4445b3c92b5e401da225d5abd0542596.gif" alt="模板1" title="模板1" style="">
          <figcaption itemprop="caption description">模板1</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/1482_235_feedback_e14f85f3fb05493a97a81d751d6446de.gif" alt="模板2" title="模板2" style="">
          <figcaption itemprop="caption description">模板2</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/403_298_feedback_bd81c605e2b84a5a84ade51c229b3878.gif" alt="模板3" title="模板3" style="">
          <figcaption itemprop="caption description">模板3</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img03.sogoucdn.com/app/a/200692/403_298_feedback_984ca8dac902456597853cd6b6db8e89.gif" alt="模板4" title="模板4" style="">
          <figcaption itemprop="caption description">模板4</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/680_476_feedback_0d17381803b5400e93e8ff0b9cfca922.png" alt="模板5" title="模板5" style="">
          <figcaption itemprop="caption description">模板5</figcaption>
      </figure></div><br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/idcV70a6pode','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>代码语法高亮插件 CodePrettify v2.1.5</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-a6735813675e2f6c21d153ebb3ac972e74" aria-expanded="true"><div class="accordion-toggle"><span style="">代码语法高亮插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-a6735813675e2f6c21d153ebb3ac972e74" class="collapse collapse-content"><p></p>插件截图：<img src="https://img02.sogoucdn.com/app/a/200692/1139_298_feedback_5f59c8ecaecf4baea0143694cea35f36.png" alt="" title="" style=""><img src="https://img04.sogoucdn.com/app/a/200692/274_238_feedback_ed6fb4dcc1e944e19545c92d1ce0dd33.png" alt="" title="" style=""><img src="https://img02.sogoucdn.com/app/a/200692/618_106_feedback_066a3508f72946baa14a6eb2ce033710.png" alt="使用效果" title="使用效果" style=""><br>激活<br>1、进入<code>Typecho</code>后台启用插件<br>2、关闭<code>Hansome</code>内置高亮：<code>主题增强功能-&gt;启用主题内置代码高亮</code>，取消勾选<br>3、将以下代码添加到主题增强功能：<code>PJAX-&gt;PJAX回调函数</code></p><pre><code class="lang-PHP">if (typeof Prism !== 'undefined') {
var pres = document.getElementsByTagName('pre');
                for (var i = 0; i &lt; pres.length; i++){
                    if (pres[i].getElementsByTagName('code').length &gt; 0)
                        pres[i].className  = 'line-numbers';}
Prism.highlightAll(true,null);}</code></pre><p>4、将以下代码添加到主题设置后台：<code>开发者设置-&gt;自定义 CSS</code></p><pre><code class="lang-CSS">/*代码高亮激活*/
#post-content pre code {
    display:block;
    overflow-x:auto;
    position:relative;
    margin:0;
    padding-left:50px;
}
pre code {
    position:relative;
    display:block;
    overflow-x:auto;
    margin:4.4px 0.px .4px 1px;
    padding:0;
    max-height:500px;
    padding-left:3.5em
}</code></pre><p>使用</p><pre><code class="lang-php">\\```php(语言类型必填)
&lt;?php echo 'hello jrotty!'; ?&gt;
\\```</code></pre><p>注意：实际使用没有<code>\\</code>，这里是防止<code>Markdown</code>错误解析<br>GitHub：<a href="https://5k5b.com/go/aHR0cHM6Ly9naXRodWIuY29tL1hjbnRlL0NvZGUtUHJldHRpZnktZm9yLXR5cGVjaG8" target="_blank" >https://github.com/Xcnte/Code-Prettify-for-typecho</a><br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/iaJ9c0aguylc','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>友链自助申请插件ErcerLink v1.0.7</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-46e18469f114f4be56f585300f98ba7c21" aria-expanded="true"><div class="accordion-toggle"><span style="">友链自助申请插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-46e18469f114f4be56f585300f98ba7c21" class="collapse collapse-content"><p></p>插件截图：<img src="https://img02.sogoucdn.com/app/a/200692/1269_378_feedback_0dce62eb0e7b4120adec68ee6e5b8732.png" alt="" title="" style=""><br>提交友链申请后，在<code>Typecho</code>后台<code>友情链接</code>里显示失效链接，修改下即可<br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/iHEwC05fs19e','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>后台美化插件SimpleAdmin v1.2.3</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-9b79d41b461a50aaa79a4ec7fc9785e668" aria-expanded="true"><div class="accordion-toggle"><span style="">后台美化插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-9b79d41b461a50aaa79a4ec7fc9785e668" class="collapse collapse-content"><p></p><img src="https://img04.sogoucdn.com/app/a/200692/900_383_feedback_a8f5743b18bf450691210159ea63249c.jpg" alt="" title="" style=""><br>插件截图：<br><div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img01.sogoucdn.com/app/a/200692/1080_2089_feedback_e419d70432f344399be5b512866daaa1.jpg" alt="登录" title="登录" style="">
          <figcaption itemprop="caption description">登录</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img04.sogoucdn.com/app/a/200692/1080_2089_feedback_1a9d5318e1294a33888d670336a34256.jpg" alt="设置" title="设置" style="">
          <figcaption itemprop="caption description">设置</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img01.sogoucdn.com/app/a/200692/1080_2086_feedback_a9650f5f65844b8c8efecb27ab4b0b46.jpg" alt="侧栏" title="侧栏" style="">
          <figcaption itemprop="caption description">侧栏</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img01.sogoucdn.com/app/a/200692/1080_2079_feedback_d90a41a54ae64c39a73383050a21a3dc.jpg" alt="白昼" title="白昼" style="">
          <figcaption itemprop="caption description">白昼</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img01.sogoucdn.com/app/a/200692/1080_2086_feedback_225e4e17776e41e98778c2414f40e7ff.jpg" alt="黑夜" title="黑夜" style="">
          <figcaption itemprop="caption description">黑夜</figcaption>
      </figure></div><br>上传后插件目录<code>/usr/plugins</code>名修改为<code>SimpleAdmin</code>，否则启用不了<br>介绍</p><ul><li>插件，即插即用</li><li>安全，不会破坏您的原有文件</li><li>轻量级，几乎纯js,css修改</li><li>支持 gogobody</li><li>原创的黑暗模式</li><li>手机，pc 自适应</li><li>界面绝对简洁</li></ul><p>GitHub：<a href="https://5k5b.com/go/aHR0cHM6Ly9naXRodWIuY29tL2dvZ29ib2R5L1NpbXBsZUFkbWlu" target="_blank" >https://github.com/gogobody/SimpleAdmin</a><br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/ijgRW0agvygd','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><h3>标签自动生成插件AutoTags v1.0.0</h3><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-6e8db30c59c0016e25c3f48551232f3b3" aria-expanded="true"><div class="accordion-toggle"><span style="">标签自动生成插件</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-6e8db30c59c0016e25c3f48551232f3b3" class="collapse collapse-content"><p></p>插件截图：<img src="https://img03.sogoucdn.com/app/a/200692/503_244_feedback_15d1d3ff113a40adb5e21badb3d16439.png" alt="" title="" style="">插件上传到目录<code>/usr/plugins</code>文件名修改为<code>AutoTags</code><br>发布文章时会自动生成5个插件<br><button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://rjw.lanzoul.com/i9pe50agvxgh','_blank')"><i><i data-feather="download"></i></i>下载地址</button><br><p></p></div></div></div></p><hr><p><strong>好了，暂时没有了 如果您有更多的Handsome主题修改方法欢迎在评论区提出！感谢支持！</strong></p>

说明

本站环境

基础设置

开启全站HTTPS

添加GZIP压缩

去掉地址栏的index.php

自定义后台路径

使Typecho支持emoji

每日新闻 自动更新

文章中嵌入网页

时光机栏目增添额外内容

添加左侧导航

自定义音乐播放器音量

美化记录

自定义CSS

文章标题居中

首页标题文字居中

左上角博客LOGO/博客名称的扫光效果

左上角博主信息羽毛背景

鼠标路过头像时放大并旋转

首页文章图片获取焦点放大

时光机内圆形头像

网站右侧滚动条样式

文章版式阴影化

右侧列表导航栏图标颜色

等距标签云

首页文章列表悬停上浮

赞赏按钮跳动

评论边框

粗斜体上色

开启全站变灰（黑白模式）

首页文章添加圆角效果

修改h1，h2标题背景颜色

手机端不显示热门文章和标签云

网站背景添加海浪背景

自定义JavaScripts

网页文字禁止复制

复制成功提示

复制文章带有文章版权

鼠标点击特效-爱心样式

网站加载完成提示

左上角网站FPS显示

左侧图标颜色和彩色标签云

动态网站标题-第一种

打字动画效果（代码实现）

添加复制弹窗

自定义body

万能的控制台

气泡背景

动态网站标题-第二种

动态网站标题-第三种

自定义右键菜单美化

防止他人F12抓你代码

顶部导航栏添加网页动态滚动进度条|滚动指示器

修改文件

首页新年倒计时

博主介绍文字动态化

给正文添加结束标识

后台登陆界面美化

正文下方添加版权声明

右侧添加人生倒计时(岁月不待人)

取消时光机文字首字放大效果

右侧栏添加手机阅读二维码

网页悬浮二维码

信息统计增加全站字数、在线人数、响应耗时和访客总数

底部版权美化

页脚处添加网站运行时间

添加网站加载效果

添加一键打卡功能

小版图模式下列表美化(小图斜切效果)

自定义字体

在博客顶部添加心知天气

404页面添加自动返回首页功能

新年喝彩图

背景云雾特效

文章底部添加标签

在文章顶部添加百度是否收录

鼠标点击特效​-富强、民主文字样式

鼠标点击特效​-文字样式第二种

鼠标点击特效​-文字样式第三种

每日新闻自动更新

鼠标点击特效-富强、民主文字样式

鼠标点击特效-文字样式第二种

鼠标点击特效-文字样式第三种

右侧广告位插入今日诗词一言

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款