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

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

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

1、header.php 文件的修改

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

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

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

2、footer.php 文件的修改

以handsome主题为例，修改：/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”: “你的 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 就 ok 了！

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

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

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

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

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

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

点击保存就 OK 了！

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

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

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

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

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

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

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

相关文章

最新文章

热门标签