首先在本站开站后一直在调整页面布局，加一些小功能，也去参观了别人家的网站，也发现了一些好玩的东西。

这里是看到[ さくら荘丨樱花庄]（https://www.muyu.love/），该站站长发布的帖子，所以才记录一下。

首先我们打开 Handsome模板 /usr/themes/handsome/ 下的这个路径，找到post.php这个文件，我们将下面的代码复制后，找到合适的位置出入进去，这里我们选择的是文章标题下方展示具体可以参考本站。

<!--百度收录-->
<li class="meta-baidu"><span class="post-icons"><i class="glyphicon glyphicon-refresh" id="baidu_icon"></i></span><span class="meta-value" id="baidu_result">加载中</span></li>

接下来还是同一个文件post.php将下面这段代码放进去，简单给萌新介绍一下大致意思，就是获取api返回的结果，判断返回结果中的tips是已收录还是未收录，如果返回结果是已收录那就显示文本百度已收录，反之则相反。

结合这个句话看代码就容易很多，所以萌新朋友们，更改新api接口时，只需要将文章中api.fish9.cn/api/baidu/?url=这里更换为新的api接口地址即可，然后将判断语句中的.tips改为你的接口返回数据中的标签，例如下方的例子，我们就可以将.tips改为.msg，并把需要判断的语句改为查询成功或查询失败。

***
查询成功的例子                     |                 查询失败的例子
{                                  |               {
    "code": 200,                   |                     "code": 200,
    "msg": "查询成功",             |                      "msg": "查询失败",
    "data": "xxx",                 |                      "data": "xxx",
}                                  |                }
***

这里我们使用了[吃猫的鱼个人博客]（https://www.fish9.cn/）的百度收录api，感谢该站站长的分享。

<script>
    function baidu_check() {
        $.getJSON("https://api.fish9.cn/api/baidu/?url=" + window.location.href, function(result) {
            if (result.tips == '已收录') {
                $('#baidu_icon').removeClass('glyphicon-refresh');
                $('#baidu_icon').addClass('glyphicon-ok-circle');
                $('#baidu_result').text('百度已收录');
            } else if (result.tips == '未收录') {
                $('#baidu_icon').removeClass('glyphicon-refresh');
                $('#baidu_icon').addClass('glyphicon-info-sign');
                $('#baidu_result').text('百度未收录');
                baidu_push();
            } 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);
    }

    baidu_check();
</script>

然后我们将下面的代码，放入后台外观设置 - PJAX - PJAX回调函数里面。

<!--百度收录-->
if((typeof baidu_check) !== "undefined"){baidu_check();}