Zibll子比主题 – 智翼分享 https://zhiyifenxiang.com Fri, 21 Feb 2025 05:34:51 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.0 250818062 设置网站动态标题 https://zhiyifenxiang.com/394.html/ https://zhiyifenxiang.com/394.html/#respond Fri, 21 Feb 2025 05:34:50 +0000 https://zhiyifenxiang.com/?p=394

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。

美化教程

（以子比主题最新版为例）在后台主题设置—>自定义代码—>自定义javascript代码把下面的代码添加到里面即可实现。

//动态标题 
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回来啦！ " ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});

注：代码中“你别走吖 Σ(っ °Д °;)っ”和“(/≧▽≦/)你又回来啦！”可自行修改成自己喜欢的标题文字。

如果你的网站主题设置没有自定义javascript代码这个框的话，若有自定义头部HTML代码的话，把下面的代码添加到里面也可实现。

或者在首页文件位于“”标签之前添加下面的代码也可以。

<script type="text/javascript">
      /*  动态标题*/
     var OriginTitile = document.title,
      titleTime;
     document.addEventListener("visibilitychange",
     function() {
      if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回来啦！" ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
    });
    </script>

注：代码中“你别走吖 Σ(っ °Д °;)っ”和“(/≧▽≦/)你又回来啦！”可自行修改成自己喜欢的标题文字。

]]> https://zhiyifenxiang.com/394.html/feed/ 0 394 添加VIP视频在线解析页面 https://zhiyifenxiang.com/357.html/ https://zhiyifenxiang.com/357.html/#respond Wed, 19 Feb 2025 07:09:31 +0000 https://zhiyifenxiang.com/?p=357

电视剧、电影是我们生活中必不可少的，它们可以让我们放松一下心情，但大多数的电视剧或电影都是要VIP或者付费的，本来不怎么富裕的我们更加的雪上加霜，本来可以每炖吃好的，但为了追一个剧，只能吃馒头了！
那么我们怎么能够免费看那些电视剧或电影呢？
为了能够看免费的，大佬们弄出了VIP视频解析接口，只需在该接口输入电视剧或电影的网址就可以观看视频。
VIP视频在线解析页面采用的主要是HTML代码和一些js、css啥的，因为我的能力有限，所以只能搞这么多。
如果有感兴趣的朋友，自己修改一下代码。
同时本页面采用的是后台直接通过创建自定义HTML页面实现的，主要防止主题每次更新后就会消失，所以采用这种方式来实现。
本站采用的是子比主题，所以可能只适应子比主题，如果有其他主题的朋友，自己测试一下吧。

美化教程

进入后台—>页面—>新建页面—>自定义HTML（古登堡编辑器，我没用过经典编辑器不知道是不是这样）—>把下面的代码添加进去就可以啦！

初始版代码：

<html lang="zh-cn">
    <head>
<style type="text/css"> 
.wiui01{ width:100%; height:600px;}
@media screen and (max-width: 768px){.wiui01{width:100%; height:200px;}}}
.input-group-addon{padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border-radius: 4px;border: #ccc;}
   </style>
        <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>
    <body>
        <div class="col-md-14 column">
            <div class="panel panel-default">
                <div id="kj" class="panel-body">
                    <iframe class="wiui01" src="https://www.cunshao.com/666666/meihua/load.html" style="background-color: black;" id="player" allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" name="player"></iframe>
                </div>
            </div><script type="text/javascript">
if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
            document.getElementById("sdfdf").style.display = "block";
            }
            </script>
        </div>
        <div class="col-md-14 column">
            <div class="input-group" style="width: 100%;">
                <span class="input-group-addon">选择接口</span> <select class="form-control" id="jk">
                    <option value="https://api.sigujx.com/?url=" selected>
                        1️⃣ 思古解析
                    </option>
                    <option value="https://www.8090g.cn/jiexi/?url=" selected>
                        2️⃣ 8090解析
                    </option>
                    <option value="https://z1.m1907.cn?jx=" selected>
                        3️⃣ 1907解析
                    </option>
                    <option value="https://www.8090g.cn/jiexi/?url=" selected>
                        ?默认接口(若默认接口无法解析请选择其他接口播放)
                    </option>
                </select>
            </div><br>
            <div class="input-group" style="width: 100%;">
                <span class="input-group-addon" >播放地址</span> <input class="form-control" type="search" placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" id="url">
            </div><br>
            <div>
                 <button id="bf" type="button" class="btn btn-info btn-block" onclick="dihejk()">点击开始解析</button> 
                <button id="bf" type="button" class="btn btn-warning btn-block" onclick="dihejk2()">点击全屏播放解析</button>
            </div>
        </div>
<!--公告-->
    <script type="text/javascript">
    $(function () {
      function getNowFormatDate() {
        var date = new Date();
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        var currentdate = month + "月" + strDate + "日";
        return currentdate;
      }
      var text = [
         "如果你使用手机观看的话，推荐解析后使用全屏观看！",
         "如果解析接口有广告，请选择更换接口解析！",
         "智翼分享视频解析接口：3个（状态：正常）",
         "解析失效请及时联系站长更换！",
         "智翼分享解析是免费使用的，请勿被骗！",
      ], content = "";
      for (var i = 0; i < text.length; i++) {
        content += (i + 1) + ". " + text[i] + "\n";
      }
      setTimeout(function () {
        swal(getNowFormatDate() + "通知", content, "success");
      }, 1000)
    })
  </script>
    </body>
</html>

修改版去边框代码：

                    <html lang="zh-cn">
                    <head>
                    <style type="text/css"> 
                    .wiui01{ width:100%; height:645px;border-radius:5px;}
                    @media screen and (max-width: 768px){.wiui01{width:100%; height:200px;}}}
                    .input-group-addon{padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border-radius: 4px;border: #ccc;}
                       </style>
                            <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>
                        <body><br>
                            <div class="col-md-14 column">
                                    <div id="kj" >
                                        <iframe class="wiui01" src="https://www.cunshao.com/666666/meihua/load.html" style="background-color: black;" id="player" allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" name="player"></iframe>
                                    </div>
                                <script type="text/javascript">
                    if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
                                document.getElementById("sdfdf").style.display = "block";
                                }
                                </script>
                            </div><br>
                            <div class="col-md-14 column">
                                <div class="input-group" style="width: 100%;">
                                    <span class="input-group-addon">选择接口</span> <select class="form-control" id="jk">
                                        <option value="https://api.sigujx.com/?url=" selected>
                                            1️⃣ 思古解析
                                        </option>
                                        <option value="https://www.8090g.cn/jiexi/?url=" selected>
                                            2️⃣ 8090解析
                                        </option>
                                        <option value="https://z1.m1907.cn?jx=" selected>
                                            3️⃣ 1907解析
                                        </option>
                                        <option value="https://www.8090g.cn/jiexi/?url=" selected>
                                            ?默认接口(若默认接口无法解析请选择其他接口播放)
                                        </option>
                                    </select>
                                </div><br>
                                <div class="input-group" style="width: 100%;">
                                    <span class="input-group-addon" >播放地址</span> <input class="form-control" type="search" placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" id="url">
                                </div><br>
                                <div>
                                     <button id="bf" type="button" class="btn btn-info btn-block" onclick="dihejk()">点击开始解析</button> 
                                    <button id="bf" type="button" class="btn btn-warning btn-block" onclick="dihejk2()">点击全屏播放解析</button>
                                </div>
                            </div>
                    <!--公告-->
                        <script type="text/javascript">
                        $(function () {
                          function getNowFormatDate() {
                            var date = new Date();
                            var month = date.getMonth() + 1;
                            var strDate = date.getDate();
                            var currentdate = month + "月" + strDate + "日";
                            return currentdate;
                          }
                          var text = [
                             "如果你使用手机观看的话，推荐解析后使用全屏观看！",
                             "如果解析接口有广告，请选择更换接口解析！",
                             "智翼分享视频解析接口：3个（状态：正常）",
                             "解析失效请及时联系站长更换！",
                             "智翼分享解析是免费使用的，请勿被骗！",
                          ], content = "";
                          for (var i = 0; i < text.length; i++) {
                            content += (i + 1) + ". " + text[i] + "\n";
                          }
                          setTimeout(function () {
                            swal(getNowFormatDate() + "通知", content, "success");
                          }, 1000)
                        })
                      </script>
                        </body>
                    </html>

优化版解决弹窗不显示与更换部分无效接口代码：

<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <!-- 引入 jQuery -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js"></script>
    <!-- 引入 SweetAlert 库 -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <style type="text/css">
        .wiui01 {
            width: 100%;
            height: 645px;
            border-radius: 5px;
        }

        @media screen and (max-width: 768px) {
            .wiui01 {
                width: 100%;
                height: 200px;
            }
        }

        .input-group-addon {
            padding: 6px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: #555;
            text-align: center;
            background-color: #eee;
            border-radius: 4px;
            border: 1px solid #ccc;
        }
    </style>
    <script type="text/javascript">
        // 解析并在 iframe 中播放
        function dihejk() {
            var diz = document.getElementById("url").value;
            var jkurl = document.getElementById("jk");
            var jk = jkurl.selectedIndex;
            var jkv = jkurl.options[jk].value;
            var player = document.getElementById("player");

            // 显示加载提示
            var loadingAlert = Swal.fire({
                title: '正在解析...',
                allowOutsideClick: false,
                didOpen: () => {
                    Swal.showLoading();
                }
            });

            // 模拟解析过程
            setTimeout(() => {
                if (diz) {
                    player.src = jkv + diz;
                    loadingAlert.close();
                } else {
                    loadingAlert.close();
                    Swal.fire({
                        title: '错误',
                        text: '请输入播放地址',
                        icon: 'error'
                    });
                }
            }, 1000);
        }

        // 解析并全屏播放
        function dihejk2() {
            var diz = document.getElementById("url").value;
            var jkurl = document.getElementById("jk");
            var jk = jkurl.selectedIndex;
            var jkv = jkurl.options[jk].value;

            // 显示加载提示
            var loadingAlert = Swal.fire({
                title: '正在解析...',
                allowOutsideClick: false,
                didOpen: () => {
                    Swal.showLoading();
                }
            });

            // 模拟解析过程
            setTimeout(() => {
                if (diz) {
                    window.open(jkv + diz, "_blank");
                    loadingAlert.close();
                } else {
                    loadingAlert.close();
                    Swal.fire({
                        title: '错误',
                        text: '请输入播放地址',
                        icon: 'error'
                    });
                }
            }, 1000);
        }

        function getNowFormatDate() {
            var date = new Date();
            var month = date.getMonth() + 1;
            var strDate = date.getDate();
            return month + "月" + strDate + "日";
        }

        function generateAnnouncementContent() {
            var text = [
                "本站解析接口只供学习与交流，请勿用于违法用途！",
                "如果你使用手机观看的话，推荐解析后使用全屏观看！",
                "如果解析接口有广告，请选择更换接口解析！",
                "智翼分享视频解析接口：14个（状态：正常）",
                "解析通道失效请及时联系站长更换！",
                "智翼分享解析是免费使用的，请勿被骗！"
            ];
            var content = "";
            for (var i = 0; i < text.length; i++) {
                content += (i + 1) + ". " + text[i] + "<br>";
            }
            return content;
        }

        $(function () {
            var currentDate = getNowFormatDate();
            var announcementContent = generateAnnouncementContent();

            setTimeout(function () {
                Swal.fire({
                    title: currentDate + "通知",
                    html: announcementContent,
                    icon: "success"
                });
            }, 1000);
        });
    </script>
</head>

<body>
    <br>
    <div class="col-md-12 column">
        <div id="kj">
            <iframe class="wiui01" src="https://www.cunshao.com/666666/meihua/load.html"
                style="background-color: black;" id="player" allowtransparency="true" allowfullscreen="true"
                frameborder="0" scrolling="no" name="player"></iframe>
        </div>
        <script type="text/javascript">
            if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {
                // 原代码中无 id 为 sdfdf 的元素，这里先忽略该逻辑
                // document.getElementById("sdfdf").style.display = "block";
            }
        </script>
    </div>
    <br>
    <div class="col-md-12 column">
        <div class="input-group" style="width: 100%;">
            <span class="input-group-addon">选择接口</span>
            <select class="form-control" id="jk">
                <option value="https://jx.hls.one/?url=" selected>
                    一号解析通道【推荐】
                </option>
                <option value="https://jx.nnxv.cn/tv.php?url=">
                    二号解析通道
                </option>
                <option value="https://jx.77flv.cc/?url=">
                    三号解析通道
                </option>
                <option value="https://jx.xymp4.cc/?url=">
                    四号解析通道
                </option>
                <option value="https://jx.dmflv.cc/?url=">
                    五号解析通道
                </option>
            </select>
        </div>
        <br>
        <div class="input-group" style="width: 100%;">
            <span class="input-group-addon">播放地址</span>
            <input class="form-control" type="search"
                placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" id="url">
        </div>
        <br>
        <div>
            <button id="bf1" type="button" class="btn btn-info btn-block" onclick="dihejk()">点击开始解析</button>
            <button id="bf2" type="button" class="btn btn-warning btn-block" onclick="dihejk2()">点击全屏播放解析</button>
        </div>
    </div>
</body>

</html>
]]> https://zhiyifenxiang.com/357.html/feed/ 0 357 Zibll子比主题-全站使用阿里巴巴Iconfont图标详细图文教程 https://zhiyifenxiang.com/328.html/ https://zhiyifenxiang.com/328.html/#comments Wed, 01 Jan 2025 02:00:00 +0000 https://zhiyifenxiang.com/?p=328 子比主题已经集成了Font Awesome 图标，可以在全站使用Font Awesome图标而无需任何插件。

要使用Font Awesome图标教程十分简单，如图所示，仅需两步：

图片[1]-Zibll子比主题-智翼分享

Iconfont-阿里巴巴矢量图标是国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。可以使用GitHub帐号登录，数百万的图标免费使用，官方也提供了详细的教程

一、新建Iconfont项目

接下来我们就一步一步的教大家如何在使用阿里巴巴Iconfont图标

Iconfont 支持GitHub帐号登录，登录之后你就可以寻找自己需要的图标啦

首先呢，寻找自己的需要的图标，通通点进购物车！

图片[2]-Zibll子比主题-智翼分享

再把购物车的图标加入到项目，如果还未创建项目，那就新建一个就是了

图片[3]-Zibll子比主题-智翼分享
图片[4]-Zibll子比主题-智翼分享

二、网站集成

使用 Iconfont图标 图标官方也有详细的教程，同时官网提供三种集成方式：Unicode、class、Symbol。这三种集成方式各有优劣势，具体请查看官方教程

这里我推荐使用 Symbol 的方式集成到网站中，当然你也按照官方的教程使用其它方式集成

第一步：将刚刚新建的项目生成 Symbol 接入链接，并复制

图片[5]-Zibll子比主题-智翼分享

第二步：将代码保存到主题设置

将以下代码中的链接替换为您刚刚复制的链接，然后 进入 主题设置-自定义代码-自定义底部代码 ，粘贴后保存主题设置

<script src="//at.alicdn.com/t/font_1706672_oa811wlg9gl.js"></script>
图片[6]-Zibll子比主题-智翼分享

简单吧！网站集成 Iconfont图标 就已经全部搞定了！接下来就是使用 Iconfont图标 了！

提醒：请勿直接将代码写入到主题源码，已更新就没了。

三、使用 Iconfont图标

在已经添加到你项目中查找图标并复制图标代码，然后按照下面的格式替换href="#iconxxx"中的图标代码，将代码插入到你需要显示图标的地方！

<svg class="icon" aria-hidden="true"><use xlink:href="#iconxxx"></use></svg>

还是按照在导航菜单中添加图标为例：

图片[7]-Zibll子比主题-智翼分享
图片[8]-Zibll子比主题-智翼分享

最后我们看看效果吧！

图片[9]-Zibll子比主题-智翼分享

是不是很简单啊，接下来我我们再试试在文章中插入

使用古腾堡编辑器需要将内容转换为HTML编辑，然后再复制图标代码：

图片[10]-Zibll子比主题-智翼分享
图片[11]-Zibll子比主题-智翼分享

使用经典编辑器也是需要先转为HTML编辑，再将图标代码复制到所需位置：

图片[12]-Zibll子比主题-智翼分享

主题设置中的部分内容也是支持的喔！例如在加载更多的文案中插入

图片[13]-Zibll子比主题-智翼分享
图片[14]-Zibll子比主题-智翼分享

教程结束，赶紧试试吧

]]> https://zhiyifenxiang.com/328.html/feed/ 1 328