首页 主题美化 😋

为Typecho增加百度检测推送

因为我这里使用了 Cuteen 博客主题,所以下面代码可能与一些主题有所出入,请根据您自己的实际情况进行判断。

起步

首先在您的主题中的js目录创建 baidu.js 文件,填入以下代码。我这里的路径是:Cuteen/static/js/baidu.js

注意在 url 后填入您自己的网站地址



    var count = 0;
    function baidu_check(){
        count++;
        $.getJSON("https://blog.tzhhone.cn/api/get_baidu.php?domain="+window.location.href,function(result){ 
            if (result.code == 200) {
                $('#baidu_icon').removeClass('glyphicon-refresh');
                $('#baidu_icon').addClass('glyphicon-ok-circle');
                $('#baidu_result').text('百度已收录');
            }else if(result.code == 403){
                $('#baidu_icon').removeClass('glyphicon-refresh');
                $('#baidu_icon').addClass('glyphicon-info-sign');
                $('#baidu_result').text('百度未收录');
                baidu_push();
            }else{
                if (count < 2){
                    $('#baidu_icon').removeClass('glyphicon-refresh');
                    $('#baidu_icon').addClass('glyphicon-remove-circle');
                    $('#baidu_result').text('正在重试..第 '+ count +'次');
                    setTimeout(baidu_check, 3000);
                   
                   
                }else{
                    $('#baidu_icon').removeClass('glyphicon-refresh');
                    $('#baidu_icon').addClass('glyphicon-remove-circle');
                    $('#baidu_result').text('查询失败');
                }
            }
            
        });
        
    }
    function baidu_push(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    }
    $(function(){ 
        baidu_check();
    });

上传接口解压

查询接口下载地址:接口下载

请将下载下来的压缩包上传至网站根目录解压。

前端显示修改

修改 post.php 文件 在文件尾部加入

<!--百度查询-->
<script src="<?= StaticPath . 'js/tzhhone/baidu.js'; ?>"></script>

在您想显示收录提示的位置加入

<a href="#" id="baidu_result" style="color:rgb(22, 199, 110)">加载中</a>
<!--请根据您的主题进行美化-->

如果之前没有引入过 jq 的请在主题头部引入

<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.js"></script>

效果

效果




文章评论

目录