小凡梦

【建站相关】关于typecho接入熊掌号并提交的相关流程
在去年,我就申请了熊掌号,但是因为之前一直是在学习与写作,忽略了对博客的收录的优化。于是,在昨天[4月13日],我...
扫描右侧二维码阅读全文
14
2018/04

【建站相关】关于typecho接入熊掌号并提交的相关流程

在去年,我就申请了熊掌号,但是因为之前一直是在学习与写作,忽略了对博客的收录的优化。于是,在昨天[4月13日],我在博客内接入了百度熊掌号。

百度熊掌号简介

百度熊掌号是内容和服务提供者入驻百度生态的认证账号,致力于帮助内容和服务提供者便捷、高效地连接
全网用户,并充分利用百度生态开放的优势,获取流量、沉淀用户、塑造品牌,实现自身价值的快速增长。
以上是百度熊掌号的简介,来源于百度百科

在接入熊掌号的时候,我做了相关的页面改造,并且借助了 BaiduSubmit for Typecho 的插件来完成文章的自动提交。

首先,我要说的是在typecho下的页面改造
因为我采用的是handsome主题,在这里就用本主题作为例子。

粉丝关注改造

  1. 找到header.php文件,路径为:/usr/themes/handsome/component/header.php。在其中加入一行代码:<script src="//msite.baidu.com/sdk/c.js?appid=你的熊掌号ID"></script>
  2. 添加关注功能代码:这里我选用的是底部代码,因为我之前采用文章段落间和吸顶是被浏览器识别为广告自动拦截了,所以说我采用了底部bar。找到post文件,在文章底部的位置添加一行代码:

      <script>cambrian.render('tail')</script>
    

结构化改造

  1. 找到footer.php文件,路径为:/usr/themes/handsome/component/footer.php。在<?php$this->footer(); ?>后加入如下代码:
<script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "<?php $this->permalink() ?>",
            "appid": "你的熊掌号ID",
            "title": "<?php $this->title() ?>",
            "images": ["<?php $this->fields->XZHimages(); ?>"],
            "description": "<?php $this->description() ?>",
            "pubDate": "<?php $this->date('Y-m-d\TH:i:s'); ?>"
        }
    </script>
    <script src="//msite.baidu.com/sdk/c.js?appid=你的熊掌号ID"></script>
  1. 在post文件中先找到这样的一行代码<?php $this->need('component/header.php'); ?>。在它的后面加入一行代码:

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

完成之后,就可以校验一下是否通过:

  • 填写需要校检的URL:随便挑选一篇文章,复制黏贴它的url
  • 是否为MIP页:不是
  • 请填写对应URL的页面代码:在选择的那篇文章里右键,选择查看网页源代码

在校验成功后,就可以使用BaiduSubmit for Typecho插件,来完成文章的自动推送了。
首先,在熊掌号的“API提交”页面里的“新增内容接口”里找到自己的“推送接口”链接。
再将其填入插件中的“接口调用地址”
点击保存即可使用!

Last modification:April 15th, 2018 at 09:42 am
If you think my article is useful to you, please feel free to appreciate

9 comments

  1. 余生

    1. 余生
  2. 初音Miku

    第一次进网站它在下面 要刷新一次才到文章那个地方 咋回事啊?

  3. l

    用这个吧https://github.com/holmesian/Typecho-AMP

  4. 她与空白

    在post文件中先找到这样的一行代码。在它的后面加入一行代码:

  5. nice

    canonical标签不存在我在head添加了的 源代码也显示有 就是提示不存在 不知道怎么回事。。。

    1. 小凡梦
      @nice

      如果是typecho的话,参考一下我的下一篇文章,有相关的改造插件

  6. canon

    找到post文件,在文章底部的位置添加一行代码

    这个POST文件在哪里?

    1. 小凡梦
      @canon

      在模板文件中。

Leave a Comment