一、网页标签获得/失去焦点时更改标题内容

后台设置外观-->开发者设置-->自定义JavaScript 加入

//网页标签获得/失去焦点时更改标题内容
var OriginTitile=document.title;var titleTime;document.addEventListener("visibilitychange",function(){if(document.hidden){OriginTitile=document.title;document.title="我藏好啦！";clearTimeout(titleTime)}else{document.title="你好呀~";titleTime=setTimeout(function(){document.title=OriginTitile},2000)}});
抱歉，我找不到这是从哪位大佬那复制来的了

二、首页头像自动旋转

后台设置外观-->开发者设置-->自定义CSS 加入

/*首页头像自动旋转*/
.avatar{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out; 
}

.avatar:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

#aside-user span.avatar{
    animation-timing-function:cubic-bezier(0,0,.07,1)!important;
    border:0 solid
}

#aside-user span.avatar:hover{
    transform:rotate(360deg) scale(1.2);
    border-width:0px;
    animation:avatar .5s
}
来自本博客基于Handsome主题的一些小修改教程

三、Typecho代码高亮插件Code Prettify

参照Typecho代码高亮插件Code Prettify

已过时

四、侧边栏“导航”栏二级菜单

1.手动修改方法

①添加判断字段

在'网站根目录/usr/themes/handsome/component/aside.php'第87行左右$asideItemsOutput = "";之下添加“asideSecondItemsOutput”的定义：

$asideSecondItemsOutput = "";

在第100-105行左右添加"status"字段的判断,将

if (@$itemTarget){
                          $linkStatus = 'target="'.$itemTarget.'"';
                      }else{
                          $linkStatus = 'target="_blank"';
                      }
                      if (trim($itemFeather)!==""){

改为

if (strtoupper($itemStatus) === 'SEC'){
                      if (trim($itemFeather)!==""){
                         $asideSecondItemsOutput .= '<li> <a '.$linkStatus.' href="'.$itemLink.'" 
class ="auto"><span class="nav-icon"><i data-feather="'.$itemFeather.'"></i></span><span>'._mt($itemName).'</span></a></li>';
                      }else if (trim($itemClass)!==""){
                          $asideSecondItemsOutput .= '<li> <a '.$linkStatus.' href="'.$itemLink.'" class ="auto"><span class="nav-icon"><i class="'.$itemClass.'"></i></span><span>'._mt($itemName).'</span></a></li>';
                          }
                      }
                  else if (trim($itemFeather)!==""){

②添加二级菜单输出

在125行左右<?php if (@!in_array('component',$this->options->asideSetting)): ?>之上添加：

<?php if (@$asideSecondItemsOutput): ?>
        <li><a class="auto"><span class="pull-right text-muted">
        <i class="fontello icon-fw fontello-angle-right text"></i>
        <i class="fontello icon-fw fontello-angle-down text-active"></i>
        </span>
        <i class="glyphicon glyphicon-new-window"></i><span><?php _me("外站工具"); ?></span></a><!-- 默认图标与名称，可以随意修改 -->
        <ul class="nav nav-sub dk"><li class="nav-sub-header"><a data-no-instant><span><?php _me("外站工具"); ?></span></a></li>
        <?php echo @$asideSecondItemsOutput ?>
            </ul></li>
    <?php endif; ?>

2.使用方法（以本站左侧导航栏为例）：

后台设置外观-->高级设置-->左侧边栏导航加入：

{"name":"归档","class":"glyphicon glyphicon-tasks","link":"https://www.wearehiden.cn/archives.html","target":"_self"},{"name":"PD网页版","class":"glyphicon glyphicon-cloud-download","link":"https://www.baiduwp.com/","status":"sec"},{"name":"百度盘提取码","class":"glyphicon glyphicon-link","link":"https://pnote.net/pan/","status":"sec"},{"name":"磁链转换","class":"glyphicon glyphicon-magnet","link":"http://www.torrent.org.cn/home/index/index.html","status":"sec"},{"name":"局域网传文件","class":"glyphicon glyphicon-transfer","link":"https://www.ssavr.com/","status":"sec"},{"name":"图床","class":"glyphicon glyphicon-picture","link":"https://sm.ms/","status":"sec"},{"name":"音乐解锁","feather":"music","link":"http://unlock.torfirefox.name/","status":"sec"},{"name":"网盘","feather":"hard-drive","link":"https://one.roro666.top/","status":"sec"}

其中，"status":"sec"即表示将该条目放置于二级菜单中。

本方法来自叶奕，我根据本博客实际情况略作修改

五、为文章评论添加UserAgent——操作系统与浏览器识别

1.下载插件
UserAgent（Handsome主题专用）：https://pan.baidu.com/s/1tnU1CMFPJpMlv8F3EyRUsQ

2.上传并启用
解压上传UserAgent文件夹至网站根目录/usr/plugins/并启用，选择你想要的显示效果保存

3.插入嵌入点代码
在网站根目录/usr/themes/handsome/component/comments.php第70行：

<b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?>

后插入嵌入点代码:<?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>，即如下所示：

<span class="comment-author vcard">
              <b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?><?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>
              </span>

4.获取真实IP

Typecho开启CDN后，可能无法获取访客真实IP，只能取得CDN节点IP，为此可以在Typecho博客网站的根目录的config.inc.php插入下面的代码：

//** 防止CDN造成无法获取客户真实IP地址 */
if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) 
{
    $list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
    $_SERVER['REMOTE_ADDR'] = $list[0];
}

请参照安利一款Hansome主题专用的UserAgent插件实施。

本文链接：https://www.wearehiden.cn/archives/15.html

如无特别说明，所有文章作者均为 Nash Latkje 。所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。

最后修改：2021 年 11 月 14 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏