一、网页标签获得/失去焦点时更改标题内容
后台设置外观-->开发者设置-->自定义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
四、侧边栏“导航”栏二级菜单
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];
}
本文链接:https://www.wearehiden.cn/archives/15.html
如无特别说明,所有文章作者均为 Nash Latkje 。所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
8 条评论
为什么无法新窗口打开呢
ssl证书过期了吧
hhhhhh老朽的小破站上挂的是4.4.1版本的代码,没想到有朝一日居然被适配6.0了,甚是欣慰啊
还有就是,第一个关于标题的小代码,你快速在自己的页面和别的页面之间多次切换试试,会卡在那个“你好呀”不动x
我这里无法复现,也不知道啥情况
第四个优化按博主的代码操作好像用不了feather的icon呢
我重新修改了一下,应该能用feather的icon了
估计应该是要在
if (trim($itemFeather)!==""){
这一行下面改吧,feather是新增的图标库,我没研究