detoon手机端熊掌号页面改造

今天心血来潮申请了个百度熊掌号,所以就拿destoon6.0的版本系统来练手,进行熊掌号的页面改造,写下这笔记。但是碰到了比较多的问题。

首先:添加canonical标签

打开手机端模板header.htm文件,在<head>里添加:

<link rel="canonical" href="{$DT_URL}" />

其次是:添加JSON_LD数据 (添加到手机端的header.htm模板)

   

 <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "{$DT_URL}",
            "appid": "这个是你的熊掌号的id",
            "title": "{$head_title}",
            "images": [
                "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png",
                "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png",
                "https://m.baidu.com/static/index/plus/plus_logo.png"
                ],
            "description": "{$introduce}",
            "pubDate": "2016-06-16T01:02:03",
            "upDate": "2017-06-16T01:02:03",
            "lrDate": "2017-06-17T09:10:11"
        }
    </script>

但是有个问题了,就是如何调取2016-06-16T01:02:03这种格式的时间,我找了destoon官方文档,官方默认文档{$editdate}这个标签调取更改的日期,但是百度不通过,所以我只好这样了。其次是文章图片调取不出,手机端文章图片不知道用哪个标签。所以做出来的效果是这样的:http://wap.yuanzhumuban.cc/21-0-519998-1.html              圆柱模板

最要命的是destoon手机端的路径是伪静态,主动提交给熊掌号好像实现不了,不知道有哪位大神解决了这个问题,可以分享出来,大家一起学习!

好了,今天的笔记就做到这里,每天一篇,健康一生!

原文地址:http://blog.51cto.com/11024720/2090519

时间: 2024-10-12 06:43:45

detoon手机端熊掌号页面改造的相关文章

WordPress熊掌号页面改造,自动发布

写在前面的话: 有很多小伙伴刚进入WordPress,对很多东西还不太了解,比如:有的主题很挑剔,对于有些插件不兼容,但是呢对于这个功能有不可或缺.所以,这时候就需要我们自己手动修改或者添加代码,来实现我们想要的功能. 比如,百度推出的熊掌号,对于站长们来说这是不得不去使用的一个功能,一方面是推广的需求,另一方面也是为了保护原创作品. 要使用熊掌号的话,我们的站点必须满足熊掌号的"协议",通俗的将也就是页面改造 今天,就给大家介绍一下如何免插件实现熊掌号页面改造 页面改造分为两部分:

手机端第一屏页面文章的展开和隐藏

本人做的是手机端的前端开发,事事处处都得从手机用户的体验着手考虑.大家都知道手机相对于pc来说要小很多,所要容纳的东西相对于pc来说也要少之又少.一些重要的东西又希望用户在打开手机网站的第一屏就能看到,这时就要尽可能地将重点呈现给用户. 内容又由文字,图片等等信息组成,如果文字过长,就显得冗余,这里就为大家介绍一个如何隐藏多余文字和展开多余文字的方法. 需要的技术支持:CSS3,一般jQuery库: HTML代码如下: Html代码   <div class="slideup"&

判断手机端用户打开页面时是android还是ios,并将判断结果通过ajax返回给url接口,传递回去

首先判断页面是android还是ios,然后利用ajax将结果通过接口url返回回去,记录到log日志中,以统计android和ios用户访问该页面的数量(数据统计) <script type="text/javascript"> window.onload = function(){//页面加载之后立即执行 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.inde

今天需要做手机端访问的页面,所以把meta的整理一下。

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0,user-scalable=0"> width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例 minimum-scale=0.5:表示最小的缩放比例 maximum-scale=2.0:表示最大的缩放比例 user-sca

手机端禁止网页页面放大代码

<meta name="viewport" content="height = [pixel_value | device-height],width = [pixel_value | device-width ],initial-scale = float_value,minimum-scale = float_value,maximum-scale = float_value,user-scalable = [yes | no],target-densitydpi

手机端的表单验证和PC端的不同

1.手机端:由于页面小的局限性,表单验证从上到下依次进行,如果上一个验证不通过,则给出错误提示,代码中return回去,不必进行下一个的校验: 2.PC端:页面范围大,一般是在表单的后面或者下面,提示错误信息,故校验时每个都需校验: 3.手机端一般不写blur事件,如上面的用户名校验重复性,减少ajax  http请求,在提交时统一校验.目的是减少用户的等待,增强用户体验性.

织梦DEDECMS资讯页面熊掌号改造

织梦dedecms文章详情页面进行熊掌号改造代码: <link rel="canonical" href="http://www.sdfymb.com{dede:field name='arcurl'/}" /><script src="http://msite.baidu.com/sdk/c.js?appid=1634404368209099"></script><script type="a

微信公众号文章增加手机端抄袭举报流程

前些天微信公布了公众号原创文章被恶意转载的一个公告,没想到今天微信公众号已经可以举报恶意转载的文章了.对于原创的作者们,深深地知道原创的不容易,微信此次的改革看来会拉拢不少原创作者的心. 此次微信公众平台发布的举报流程是通过手机端举报的,在手机端如果发现自己的原创文章被别人恶意转载,就可以直接点击举报按钮直接举报,对于其他的侵权的信息也可以通过电脑侵权投诉去举报,具体内容如下: 为了让公众号原创者更方便快速地对抄袭文章进行举报,微信公众平台上线了手机举报流程.具体功能如下: 1. 如发现有公众号

做一个手机端页面时,遇到了一个奇怪的问题:字体的显示大小,与在CSS中指定的大小不一致

最近在做一个手机端页面时,遇到了一个奇怪的问题:字体的显示大小,与在CSS中指定的大小不一致.大家可以查看这个Demo(记得打开Chrome DevTools). 就如上图所示,你可以发现,原本指定的字体大小是24px,但是最终计算出来的却是53px,看到这诡异的结果,我心中暗骂一句:这什么鬼! 随后开始对问题各种排查:某个标签引起的?某个CSS引起的?又或者是某句JS代码引起的.通过一坨坨的删代码,发现貌似都不是.我不禁又骂,到底什么鬼!不过中间还是发现了一些端倪:当页面中的标签数量或者文本数