dedecms模板熊掌号页面改版方法，带三图展示改版

dedecms模板熊掌号页面改版方法

现在用dedecms搭建网站的人还有不少，因为dedecms比较简单，而且功能实用性也不少，随着2017年百度熊掌号的发布，很多的人都开始做百度的熊掌号，但是页面改造成了一个大难题，今天小编就给大家写一下熊掌号内容页改版的步骤，
第一、是要在head标签内添加如下三行代码

<link rel="canonical" href="{dede:globle_cfg.basehost/}{dede:field name='arcurl'/}"/>
<script src="https://xiongzhang.baidu.com/sdk/c.js?appid=*********"></script>
<script src="//msite.baidu.com/sdk/c.js?appid=*********"></script>

其中appid=“xxxxx”填写你自己的appid
第二步、要在</head>前添加一下代码

<script type="application/ld+json">
{ 
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", 
"@id": "{dede:globle_cfg.basehost/}{dede:field name='arcurl'/}",            
"appid": "你的appid",            
"title": "{dede:field.title/}",            
"images": [
 
{dede:field.body runphp='yes'}
$str=strip_tags("@me","<img>");
preg_match_all("/src=\"\/?(.*?)\"/",$str,$ereg);
@me="";
if($ereg[1][0]){
@me.=" \"你的域名/".$ereg[1][0]."\", \n";
}
if($ereg[1][1]){
@me.=" \"你的域名".$ereg[1][1]."\",\n ";
}
if($ereg[1][2]){
@me.=" \"你的域名".$ereg[1][2]."\" ";
}
{/dede:field.body}
],            
"description": "{dede:field name='description' function='html2text(@me)'/}",            
"pubDate": "{dede:field name='pubdate' function='strftime("%Y-%m-%dT%H:%M:%S","@me")' /}"        
}    
</script>

这是熊掌号三图的添加方法，

如果是只添加一图的可用以下方法：

<script type="application/ld+json">
      {
       "@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld ",
       "@id": "http://您的移动域名{dede:field name='arcurl'/}",
       "title":"{dede:field.title/}",
       "images": ["{dede:field.litpic runphp="yes"}@me = (strpos(@me,'defaultpic')? "" : "http://您的主站".@me."");{/dede:field.litpic}"],
       "description": "{dede:field.description function='html2text(@me)'/}",
       "pubDate": "{dede:field name='senddate' function='strftime("%Y-%m-%dT%H:%M:%S","@me")' /}",
       "isOriginal": "0"
		}
  </script> 

添加关注功能代码

顶部吸附关注代码

<div style="padding-left: 17px; padding-right: 17px;">
    <script>cambrian.render('head')</script>
</div>

底部bar代码

<div style="padding-left: 17px; padding-right: 17px;">
    <script>cambrian.render('tail')</script>
</div>