代码类

添加影视解析功能

新建独立页面/文章，输入以下代码即可，若解析接口失效请自行修改接口
[collapse status=“false” title=“安利两个不错的影视解析接口”]

思古解析：https://api.sigujx.com/?url=

91解析：https://www.91jxs.com/jiexi/?url=

[/collapse]

!!!
<script type="text/javascript">eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('b a(){0 6=1.2("9").4;0 5=1.2("3");0 3=1.2("3").c;0 8=5.e[3].4;0 7=1.2("f");7.d=8+6}',16,16,'var|document|getElementById|jk|value|jkurl|diz|cljurl|jkv|url|dihejk|function|selectedIndex|src|options|player'.split('|'),0,{}))
function dihejk2() {var diz =document.getElementById("url").value;var jkurl =document.getElementById("jk");var jk =document.getElementById("jk").selectedIndex;var jkv =jkurl.options[jk].value;var cljurl =document.getElementById("player");window.open(jkv + diz,"_blank");}
</script>
</head>
<div class="language">
</a>
</div>
</p>
</section>
</section>
</section>
<div class="col-md-14 column">
<div class="panel panel-default">
<div id="kj" class="panel-body">
<iframe src="https://www.8090g.cn/jiexi/?url=" style="background-color: black;" id="player"width="100%"height="400px"allowTransparency="true"allowfullscreen="true"frameborder="0"scrolling="no"></iframe>
</div>
</div>
<script>if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){document.getElementById("sdfdf").style.display ="block";}
</script>
</div>
<div class="input-group" style="width: 100%;">
<span class="input-group-addon input-lg" style="width: 80px; ">选择接口</span>
<select class="form-control input-lg" id="jk">
<option value="https://www.8090g.cn/jiexi/?url=" selected="">蓝光路线</option>
<option value="解析网站" selected="">自己添加</option>
</select>
</div>
<br>
<div class="input-group" style="width: 100%;">
<span class="input-group-addon input-lg" style="width: 80px;">播放地址</span>
<input class="form-control input-lg" type="search" placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" id="url">
</div>
<br>
<div>
<button id="bf" type="button" class="btn btn-primary btn-round btn-block" onClick="dihejk()">Go-点击开始解析</button>
<button id="bf" type="button" class="btn btn-success btn-round btn-block" onClick="dihejk2()">New-点击全屏解析</button>
</div>
</div>
<div id="coin" class="coin"><script>var Coin =true;</script></div>
<div class="panel-body" style="text-align: center;">
<div class="container-fluid">
</button>
!!!

顶部滚动条显示位置百分比

首先打开模板的header.php文件，复制以下代码，粘贴在网页之后

<div id="percentageCounter"></div>

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

$(window).scroll(function() {var a = $(window).scrollTop(),c = $(document).height(),b = $(window).height();scrollPercent = a / (c - b) * 100;scrollPercent = scrollPercent.toFixed(1);$("#percentageCounter").css({width: scrollPercent + "%"});
}).trigger("scroll");

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

position:fixed;left:0;top:0;height:3px;z-index:99999;background-color:#448EF6;
}

统计全站字数

由于Handsome主题无法直接将代码加入到function.php中，我们这里选择放在 sidebar.php开头或者 libs/Content.php结尾，效果是一样的。

<?php
//字数统计
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 = 'w'; } else if($chars >= 1000) { $chars /= 1000;  $unit = 'k'; }$out = sprintf('%.2lf %s',$chars, $unit);return $out;
}
?>

除此之外，我们还需要将其进行调用，在 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>

复制弹窗

首先将以下代码添加至后台主题 自定义输出body尾部的HTML代码

<!--引用复制弹窗js-->
<script src="//lib.baomitu.com/layer/3.1.1/layer.js"></script>

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

<!--复制弹窗-->
document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留原文链接！');};

文章正文到此结束

在主题文件 post.php内

<?php echo Content::postContent($this,$this->user->hasLogin());?>

在此代码下方加上

<div class="entry-content l-h-2x"><div style="border-top: 2px dotted #8e8e8e96;height: 0px;margin: 20px 0px;text-align: center;width: 100%;"><span style="background-color: #23b7e5;color: #fff;padding: 6px 10px;position: relative;top: -14px;border-radius: 14px;">正文到此结束</span>
</div>

文章版权声明

在主题文件 post.php内，刚刚加的正文到此结束下加上

<div style="padding: 10px;background: rgba(220, 220, 220, 0.22);font-size: 13px;border-left: 3px solid;text-align: left;"><span>本文作者：<a href="<?php $this->author->permalink(); ?>" rel="author"> <?php $this->author(); ?></a></span><span>文章标题：<a href="<?php $this->permalink() ?>"><?php $this->title() ?></a><br><span>本文地址：<a href="<?php $this->permalink() ?>"><?php $this->permalink() ?></a><br><span>版权说明：若无注明，本文皆 <a href="<?php $this->options->siteUrl(); ?>" target="_blank" data-original-title="<?php $this->options->title() ?>"><?php $this->options->title() ?></a> 原创，转载请保留文章出处。</span>
</div>

添加高级删除线

在主题文件 header.php内底部 head上面添加以下代码

<!--高级删除线-->
<style type="text/css">
span.CA a.external,span.CA a.external:visited,span.CA a.extiw,span.CA a.extiw:visited {color: #252525
}
.CA,.CA a,a .CA,.CA a.new {background-color: #252525;color: #252525;text-shadow: none
}
body:not(.CA_toggle_on) .CA:hover,body:not(.CA_toggle_on) .CA:active,body:not(.CA_toggle_on) .CA.off {transition: color .13s linear;color: #fff
}
body:not(.CA_toggle_on) .CA:hover a,body:not(.CA_toggle_on) a:hover .CA,body:not(.CA_toggle_on) .CA.off a,body:not(.CA_toggle_on) a:hover .CA.off {transition: color .13s linear;color: #add8e6
}
body:not(.CA_toggle_on) .CA.off .new,body:not(.CA_toggle_on) .CA.off .new:hover,body:not(.CA_toggle_on) .new:hover .CA.off,body:not(.CA_toggle_on) .CA.off .new,body:not(.CA_toggle_on) .CA.off .new:hover,body:not(.CA_toggle_on) .new:hover .CA.off {transition: color .13s linear;color: #ba0000
}
</style>

食用方法

!!!
<span class="CA" title="你知道的太多了">你想说啥</span>
!!!

文章标题居中

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

/*文章标题居中*/
.panel h2{text-align: center;
}
.post-item-foot-icon{text-align: center;
}

首页文章版式圆角化

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

#圆角大小可修改15px数值(别复制该行)
/*首页文章版式圆角化*/
.panel{border: none;border-radius: 15px;
}.panel-small{border: none;border-radius: 15px;
}.item-thumb{border-radius: 15px;
}

歌单圆角化

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

/*歌单圆角化*/#skPlayer .skPlayer-list {border-radius: 1px 1px 10px 10px; }#skPlayer .skPlayer-list .skPlayer-list-sign{background-color: #b822c1;}

手机界面隐藏

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

/*手机不显示*/
/* #tag_cloud-2为标签云，#tabs-4为博客评论随机文章，#a_d_sidebar为广告，#blog_info为博客信息，可自行组合显示或隐藏*/
@media (max-width:767px) {#blog_info,#tag_cloud-2,#tabs-4,#a_d_sidebar {display: none;}
}

彩色标签云

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

<!--彩色标签云-->
let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380",
"#D9B999"];
tags.forEach(tag => {tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];tag.style.backgroundColor = tagsColor;
});

插件类

Mac风格代码高亮

插件下载：[button color=“success” icon=“fontello fontello-gratipay” url=“https://sublog.lanzous.com/iegvcf4j92j” type=""]点击下载[/button]

食用方法

下载本插件，解压到usr/pugins/目录中
进入网站后台-控制台-插件-激活插件
设置：选择主题风格，是否显示行号等，默认开启
修改（替换）/usr/themes/handsome/assets/css/下的handsome.min.css文件

下载文件

[hide]

Handsome 6.0.0 CSS文件：[button color=“info” url=“https://sublog.lanzous.com/i4zlnf4jjxa” type=""]点击下载[/button]

Handsome 7.2.1 版本（7.x版本通用：[button color=“success” url=“https://pan.baidu.com/share/init?surl=vfeXOlrzgtcnfw4G_hOVFQ” type=""]点击下载[/button] 提取码：1122

[/hide]

应用方法

/```php
<?php
$aa=60;
echo 'hello '.'xxx'.$aa."\n";
echo date('Y-m-d H:i:s',time())."\n";
echo "PHP版本:".phpversion();
?>
/```

将上方 / 去掉即可

Hansome主题专用的UserAgent插件

食用指南

操作前请做好相应备份工作
此插件只适用于Handsome主题，未对其它主题优化！！！
请先将插件置于Typecho的plugins目录下，且插件目录名应为UserAgent，注意大小写，否则将无法正常食用！！！
修改Handsome主题，component目录下的comments.php代码文件，大概第60~80行左右，

<span class="comment-author vcard"><b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?>
</span>

添加代码 <?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>

获取真实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插件

插件****下载

[button color=“success” icon=“glyphicon glyphicon-send” url=“https://doge.uk/wp-content/uploads/2020/03/1583421311-1902984185.zip” type=""]UserAgent-1.1.1.zip[/button]
[button color=“info” icon=“glyphicon glyphicon-send” url=“https://doge.uk/wp-content/uploads/2020/03/1583421390-1651853883.zip” type=""]UserAgent-1.1.0.zip[/button]

写在最后

[scode type=“share”]后续持续完善[/scode]

handsome主题魔改相关推荐

handsome对应php文件,handsome主题魔改教程
!> 魔改效果详见本站,CSS由神代綺凜原创编写,已获得作者转载授权. 魔改效果有没有觉得很酷炫? 那么我们快搞起! 魔改教程第一步下载CSS [button icon="g ...
关于Typecho的主题魔改记录
本站使用handsome主题魔改的折腾过程本文记录博主在使用该款主题时进行的一系列魔改,也就是你现在看到的一系列效果本站[http://www.cyz4531.top]使用的是handsome主题 ...
OneNav一为主题魔改教程（二）：使用纯css增加网站Logo扫光效果--洞五洞洞幺
今日主题: 使用纯css增加网站Logo扫光效果声明:本篇有违"魔改"这个标题:本篇只为增加收录.并且复习使用纯css给logo加上扫光效果. 效果: 可以目测洞五洞洞幺导航 ...
OneNav一为主题魔改教程（四）：自定义网址内容页的Tag标签到任意位置--洞五洞洞幺
今日主题: 自定义网址内容页的Tag标签到任意位置声明:本篇有违"魔改"这个标题:修改之前做好笔记或备份. 在原WebStackPro的版本中, 内容页中的Tag标签块紧帖着简介 ...
OneNav一为主题魔改教程（五）：点赞后自动加入到首页“我的导航”--洞五洞洞幺
今日主题: 点赞后自动加入到首页"我的导航" 声明:修改之前做好笔记或备份. 嫌"我的导航"没内容, 在网站中发现了常用的网站不能快速的到达. 所以我们来改进这 ...
OneNav一为主题魔改教程（三）：给底部加上当前页面的消耗时间--洞五洞洞幺
今日主题: 给底部加上当前页面的消耗时间.数据库查询数次 wordpress如何优化, 不论是首页.列表页.内容页,他们的加载时间是多少, 经历了什么,这些如果想要一目了然的话, 可以在网站的底部加上 ...
OneNav一为主题魔改教程（一）：优化后台新增网站时调用API却没有赋好值的BUG，以减少复制编辑工作量--一梦
今日主题: 优化后台新增网站时ajax调用API后却没有赋好值的BUG,以减少复制编辑工作量导航网站在刚建站时, 有大量的内容编辑工作, 要添加数千条网址内容, 为了保证洞五洞洞幺导航的独特性和可用 ...
buttfly主题魔改
参考[源码开放]Hexo+Github 博客butterfly 和 matery 主题搭建完全教程[整理] | 超逸の博客 (yangchaoyi.vip) 1.1跟更新番剧列表防止请求次数过多插 ...
【hexo】butterfly主题魔改之天气插件
前言最近我使用hexo博客框架搭建了我的个人框架萌新源的小窝主题使用的是butterfly 今天给大家带来的是导航栏天气插件效果如下: 放大一点看看面板展开开始 1.准备 hexo博客框架 ...
OneNav一为主题魔改教程（七）：继续完善本地网址功能，重复的网址不让保存--洞五洞洞幺
自定义网址的功能,刚一不留神, 我添加了几个重复相同的自定义网址, 看作者的源码,在addsite方法并没有判断是否重复添加的网址, 这是一个bug, 所以, 我们来加上判断,修复这个bug. 效果: ...

handsome主题魔改

代码类

添加影视解析功能

顶部滚动条显示位置百分比

统计全站字数

复制弹窗

文章正文到此结束

文章版权声明

添加高级删除线

文章标题居中

首页文章版式圆角化

歌单圆角化

手机界面隐藏

彩色标签云

插件类

Mac风格代码高亮

Hansome主题专用的UserAgent插件

写在最后

handsome主题魔改相关推荐

最新文章

热门文章