Typecho页面改造熊掌号详细教程

简介

---

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

结构化改造

由于Typecho默认是没Canonical标签的，所以我们要在header.php中加入Canonical标签。
1、在主题目录的header.php文件加入一下代码：

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

2、在主题目录的footer.php文件的<?php $this->footer(); ?>后加入：

<script type="application/ld+json">
    {
        "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
        "@id": "<?php $this->permalink() ?>",
        "appid": "你的 APPID",
        "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=你的 APPID"></script>

将上面代码的你的 APPID改成你的熊掌号APPID就完全ojbk了！
但是，由于Typecho没有缩略图、特色图片输出这样的机制，所以图片功能，就需要自己实现了，我这里用的是 自定义字段 的姿势实现的。
设置自定义字段，字段名称为：XZHimages,字段值为：图片的url地址，如下图所示：

粉丝关注改造

由于官网的那个我没有弄成功,就自己弄了一个,有能力的用官网的。 ::aru:cryingface::
1、在主题目录的header.php文件添加一个css样式调用，代码如下：（可以调用我的或者打开Ctrl+S保存）

<link rel="stylesheet" href="https://cdn.misq6.cn/xzh.css" type="text/css" media="all">

2、调用css之后,加入以下代码，至于放在什么位置，这个是看你自己，一般正常的审美好像都是喜欢放在文章内底部（不知道怎么放可以来问我 ::aru:despise:: ）

<div class="xiongzhanghao">
<div class="xiongzhanghao_touxiang"><img src="这里填写头像图片url"></a></div>
<div class="xiongzhanghao_biaoti">初音Miku</div>
<div class="xiongzhanghao_miaoshu">何以解忧,唯有暴富。</div>
<div class="xiongzhanghao_ck"><a href="http://author.baidu.com/home/熊掌号ID" target="_blank"><div class="xiongzhanghao_chakan">查看熊掌号</div></a></div>
</div>

校验

• 完成之后，就可以校验一下是否通过：
• 是否为MIP页：不是
• 请填写对应URL的页面代码：在选择的那篇文章里右键，选择查看网页源代码
  

自动推送

在校验成功后，就可以使用BaiduSubmit for Typecho插件，来完成文章的自动推送了。
首先，在熊掌号的“API提交”页面里的“新增内容接口”里找到自己的“推送接口”链接。

再将其填入插件中的“接口调用地址”

点击保存即可使用！