Typecho 博客站点的百度熊掌号页面改造教程

投稿   明月登楼  2017-12-08 07:29:47  92 人阅读  22 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

最近明月比较热衷于让站点接入百度熊掌号,以便百度熊掌号对原创文章的收录和搜索结果以及熊掌号页面的展现效果,目前已经在 WordPress 端成功的完成了页面改造和自动推送功能,Typecho 下的页面改造一直不得章法,今天借助网上搜到的一些代码进行了简单的更改以便更加适配当前使用的 Typecho 主题,终于完成了 Typecho 熊掌号的页面改造。再结合 BaiduSubmit for Typecho 版插件的『接口调用地址』自定义就实现发布文章后自动提交到百度熊掌号。今天就分享给大家,还没有接入百度熊掌号的尽快了,这种事儿赶早不赶晚哦!

Typecho 博客站点的百度熊掌号页面改造教程 建站经验 第1张

首先我们需要修改当前主题的 header.php 和 footer.php 文件,在里面分别添加代码,以实现熊掌号的页面改造,具体如下:

1、header.php 文件的修改

由于 Typecho 默认是没 Canonical 标签的,所以我们要在 Header 中加入 Canonical 标签。

以handsome主题为例,修改:/usr/themes/handsome/component/header.php 文件加入:

  1. <link rel="canonical" href="<?php $this->permalink() ?>"/>

2、footer.php 文件的修改

以handsome主题为例,修改:/usr/themes/handsome/component/footer.php文件。

在 <?php $this->footer(); ?> 后加入:

  1. <script type="application/ld+json">
  2.         {
  3.             "@context""https://ziyuan.baidu.com/contexts/cambrian.jsonld",
  4.             "@id""<?php $this->permalink() ?>",
  5.             "appid""你的 APPID",
  6.             "title""<?php $this->title() ?>",
  7.             "images": ["<?php $this->fields->XZHimages(); ?>"],
  8.             "description""<?php $this->description() ?>",
  9.             "pubDate""<?php $this->date('Y-m-d\TH:i:s'); ?>"
  10.         }
  11.     </script>
  12.     <script src="//msite.baidu.com/sdk/c.js?appid=你的 APPID"></script>

只要将上述代码中『你的 APPID』修改为你自己的 APPID 就 ok 了!

值得注意的是,由于 Typecho 貌似没有缩略图、特色图片输出这样的机制,所以图片功能,就需要自己实现了,我这里用的是自定义字段的姿势实现的。

设置自定义字段,内容为 XZHimages、字符、缩略图 url 地址,如下图所示:

Typecho 博客站点的百度熊掌号页面改造教程 建站经验 第2张

使用 BaiduSubmit 插件实现自动推送到熊掌号

自动推送有现成的插件:BaiduSubmit,虽然最后一次更新已经是 15 年了,但是由于熊掌号的 API 推送是兼容站长平台的链接提交的,所以插件也是支持的。

首先在百度熊掌号的“API提交”里的“新增内容接口”里获取“推送接口”链接,如下图:

Typecho 博客站点的百度熊掌号页面改造教程 建站经验 第3张

然后在 Typecho 的BaiduSubmit插件设置里的“接口调用地址”里使用上面的百度熊掌号“推送接口”链接,如下图:

Typecho 博客站点的百度熊掌号页面改造教程 建站经验 第4张

点击 保存 就 OK 了!

有图有真相,页面改造验证成功截图

以上周明月的文章《用 curl 命令行给百度熊掌号提交历史内容》为例,在百度熊掌号的“页面改造”——“在线校验工具”里按照要求填上文章链接地址,选择不是 MIP,复制粘贴此文章的 HTML 源代码,然后提交校验,结果成功,如下图:

Typecho 博客站点的百度熊掌号页面改造教程 建站经验 第5张

百度熊掌号接入以来的数据分析结果截图分享:

Typecho 博客站点的百度熊掌号页面改造教程 建站经验 第6张

Typecho 博客站点的百度熊掌号页面改造教程 建站经验 第7张

从上图可以看出只要是“原创”文章,百度的收录和展示还是很给力的!具体我都在【WordPress 站点接入百度熊掌号后效果体验】一文里详细的介绍过了,有兴趣的朋友可以围观一下下!整体感觉,我们草根博客还是要及时的接入百度熊掌号的,毕竟我们的原创成果长期以来都没有给“保护”过,只有又保护的“原创”才会有更多的动力去创造“原创”, Typecho 博客站长们一定不能拉下了,尽快接入吧!

如果文章对你有帮助,请赞赏支持作者继续创作!

历史上的今天:

文章标签: ,   ,   ,  
原文地址:https://lnmp.ymanz.com/ty/171.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 明月登楼 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!

 发表评论


  1. 365生活网
    365生活网 【秀才】 @回复

    每天文章不多的话,手动提交也可以了吧

  2. 明月登楼学习笔记
    明月登楼学习笔记 【进士】 @回复

    可惜, Typecho 下的推送插件总是报错,只能手动提交了!还有一个不足是图片只能提交一个,无法实现三图的结果也展示效果!

  3. Devoted
    Devoted 【举人】 @回复

    下次可以试用下,不过我的生活博客,百度收不收录也是无所谓的啊

    • 明月登楼
      明月登楼 作者回复2017-12-08 19:24  回复

      @Devoted其实重要的是“原创保护”这是个持续原创输出内容的动力基础!

  4. 电烤箱什么牌子好
    电烤箱什么牌子好 【状元】 @回复

    [偷笑] 我的这个博客有添加自动提交了。好像就通过一条~ [黑线]

  5. 历史趣谈
    历史趣谈 【举人】 @回复

    Typecho程序是好程序,就是太小众了

  6. 钟水洲博客
    钟水洲博客 【举人】 @回复

    熊掌号可以买一个用吗,我申请不了…

    • 明月登楼
      明月登楼 作者回复2017-12-09 22:53  回复

      @钟水洲博客理论上来说是无法买的!不过,你可以找个可信任站长好友给你绑定到他的熊掌号里,只要你们的内容有关联性应该是可以的吧!

  7. 四海吧
    四海吧 【举人】 @回复

    爱折腾的技术大神!

  8. 心动
    心动 【进士】 @回复

    哈哈哈~很好,正好这两天在搞!

  9. 贷款口子
    贷款口子 【小白】 @回复

    不错,站长必备。

  10. 前沿网
    前沿网 【书童】 @回复

    百度熊掌号以后都是站长必备的了

  11. 辩论吧
    辩论吧 【进士】 @回复

    熊掌号申请开通提交不了