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

2018-09-14T00:16:23

简介


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

结构化改造

由于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提交”页面里的“新增内容接口”里找到自己的“推送接口”链接。

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

点击保存即可使用!

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »