首页 > 经验 > 关键词 > 百度MIP最新资讯 > 正文

【MIP技术分享】dedecms/gbk站点mip改造方案

2016-11-09 10:31 · 稿源:洪石陈的网站

前言:

近期尝试对一个做过跳转适配的dedecms/gbk手机站进行整站mip改造,经过一系列思路完善和测试,终于完成,回顾下过程,主要问题可分为以下几类:

1、非utf-8站点的编码问题

前些时候宋同学在站长社区发布了新装utf-8版cms和转换数据库编码的教程,我刚开始也是类似思路,但因为站点经过二次开发以及包含一些乱七八糟的附加文件等,重装cms很难复原之前的修改,此思路卒。后又尝试在数据库调用时以gbk编码读取,测试生成后虽大体上浏览正常,但还是存在些许后续问题和少部分乱码,也放弃了该方案。最终,灵光一闪——为什么要在程序执行过程中纠结?完全可以在生成静态页面时进行替换整改啊!顿时柳暗花明之感油然而生,测试果然可行,之后遇到后续问题(如下面问题2、3)也因此思路而变得易解决了。

2、路径问题

<a>、<img>/<mip-img>等标签中的相对路径需均转换为完整url,这个在目前教程里貌似没有明确提出,根目录相对路径还好,主要是相对当前页面路径转换完整url需加上所在目录有些难度(特别是标签调用生成的相对路径,如分页)。

3、内联样式问题

模板里的内联样式可以手动整改,虽烦琐但难度不大,主要问题在于后台发布文章时,cms编辑器会自动生成包括内联样式在内的各种不符合mip规则的原始代码,除了折腾一下对编辑器进行修改,其他也很难解决了。

4、js问题

mip规范局限了js的使用,这个的确挺头疼的,好在我改造的站点内js不多,所以删掉部分效果和使用现有组件替换,也凑合解决了此问题。不过还是希望百度mip团队能在考虑下此方面的规范方案优化,不少站点有很多js代码且不能去除,全部以组件形式提交也很费事且需要一定的程序基础,其他问题还可以按统一教程去解决,但js上的mip改造却无法如此,按照目前的限制会导致很多站长因此一点就不得不放弃mip改造。

5、其他小问题

·发现少部分样式有冲突,需根据实际情况对本身css进行局部修改。

·发现mip cache无法识别站点中图片的302跳转,如原站使用302跳转的图片,mip生效后无法显示图片。该问题已和百度技术人员沟通,说后续可以考虑支持,目前我自己加了一段代码对路径做了下处理。

·组件使用bug(如mip-carousel多图轮播图片套<a>链接会导致图片显示空白,且无法自适应屏幕)。

·mip引入提交后就回显个success,也没有提交记录和状态,用户体验上有所欠缺。

正题:基于dedecms/gbk的整站mip改造

第一部分:模板修改

1、js部分:删除或使用现有组件替换

2、调用百度mip文件:

head里加<link rel="stylesheet" type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v1.1.1.css">

body里加<script src="https://mipcache.bdstatic.com/static/mipmain-v1.1.2.js"></script>

3、head里加<link rel="canonical"href="{dede:global.cfg_basehost/}{dede:field name='arcurl'/}" >,通过dedecms标签直接调用当前页url。

4、外部通用css文件:建议将css文件中的样式代码嵌入<style mip-custom>…</style>中,另存为模板文件(如css.htm),用{dede:includefilename="css.htm"/}替换相关模板中的<link rel="stylesheet" type="text/css"href="…" />。

模板中的内联css可人工进行查找替换,合并至<stylemip-custom>中。(虽在下面代码中可以自动进行处理,但从静态文件生成性能角度考虑,还是建议人工先将模板中的内联样式一次性整改好。)

注:以上操作大多可通过批量查找替换来完成,看似需要修改很多,但实际工作量并不大。

第二部分:程序文件修改

· 静态生成移动站:

找到/include/dedetag.class.php文件中解析模板输出为文件的函数:

function SaveTo($filename)

{

$fp = @fopen($filename,"w")or die("DedeTag Engine Create File False");

fwrite($fp,$this->GetResult());

fclose($fp);

}

替换为(部分代码可根据实际情况进行改动):

//路径转换函数文件。$content:代码源,$feed_url:首页,$f_url:相对路径的目录部分

function relative_to_absolute($content,$protocol, $domain, $f_url) {

//根目录相对路径(如href="/a/b.html")转换

$new_content =preg_replace('/href\s*\=\s*([\'"])\s*\//','href=\\1'.$protocol.$domain.'/', $content);

$new_content =preg_replace('/src\s*\=\s*([\'"])\s*\//', 'src=\\1'.$protocol.$domain.'/',$new_content);

//当前页相对路径(如href="a/b.html")转换

$new_content 

=preg_replace('/href\s*\=\s*([\'"])(?!(http|https):\/\/)/','href=\\1'.$protocol.$domain.$f_url,$new_content);

$new_content 

=preg_replace('/src\s*\=\s*([\'"])(?!(http|https):\/\/)/','src=\\1'.$protocol.$domain.$f_url, $new_content);

return $new_content;

}

function SaveTo($filename)

{

$fp=@fopen($filename,"w") ordie("DedeTag Engine Create File False");

if(substr($_SERVER['PHP_SELF'],-6)=='_m.php'||substr($filename,-13)=='/m/index.html'){//跳转适配站识别是否为移动端生成,不影响pc端的gbk编码。移动端为独立站点需去掉此判断条件。

$f_url=explode('www.域名.com/m',dirname($filename));//分割路径,获取当前页相对路径的目录部分

//如dirname($filename)得到的本地绝对路径为D:/wwwroot/www.域名.com/m/yygk/xwzx,用网站目录“www.域名.com/m”作为标识分割路径,得到目录部分“/yygk/xwzx”。

$html=$this->GetResult();

$html=$this->relative_to_absolute($html,'http://','m.域名.com',$f_url[1].'/');//相对路径转换绝对路径

$html=str_replace('<metacharset="gb2312">','<metacharset="utf-8">',iconv('gbk','utf-8//ignore',$html));//转换为utf-8编码声明,fwrite会以此生成对应编码的静态页面

$html=str_replace('<a','<a target="_blank" ',$html);//<a>标签加target

$html=str_replace('<img','<mip-img ',$html);//替换<img>标签

/*主要针对编辑器生成的内联样式,将内联样式转换到head的style标签中*/

if(preg_match_all('/\sstyle\s*\=\s*[\'"](.*?)[\'"]/',$html,$css)){

$css0=array_unique($css[0]);//过滤重复style

foreach($css0as $k => $v){

$html=str_replace($v,'class="mip_add_css_'.$k.'"',$html);//mip_add_css_为自定义样式名前缀,可自行修改,但需避免与原有样式名重复

$temp_name='mip_add_css_'.$k;

$$temp_name=$css[1][$k];

$add_css.='.'.$temp_name.'{'.$css[1][$k]."}\n";

}

$html=str_replace('<stylemip-custom>',"<style mip-custom>\n".$add_css,$html);

}

fwrite($fp, $html);

}else{//pc端执行

fwrite($fp,$this->GetResult());

}

fclose($fp);

}

注:该方案初步测试成功,因生成静态文件时处理程序增加,理论上来说会对生成效率有所影响。另外,不排除存在问题的可能性,如有问题或其他想法可在百度站长社区回帖共同研究探讨。

· 默认动态移动站:

1、修改/m目录下index.php、list.php、view.php三个php文件的编码,改为utf-8。

2、找到/include/dedetag.class.php文件中解析模板直接输出的函数:

function Display()

{

echo $this->GetResult();

}

替换为:

function Display()

{

$html=str_replace('<meta charset="gb2312">','<meta charset="utf-8">',$this->GetResult());//转换为utf-8编码声明,此处源内容$this->GetResult()不需要转编码

echo $html;

}

如此即可以utf-8编码输出动态页面,其他处理可参照上面静态生成站点方案中的代码。

网友热搜:

  • 相关推荐
  • 大家在看
  • 百度MIP功能下线 MIP核心、组件等前端静态资源仍可使用

    6 月 4 日,百度搜索资源平台发布《MIP入口下线通知》称,因业务调整,搜索资源平台的“资源提交-MIP”入口即日起下线。MIP核心、组件等前端静态资源仍正常维护与使用,不影响已改造为MIP标准的站点的正常访问、收录、排序。

  • 百度度小店是什么

    在抖音小店与快手小店之后,百度的度小店也来了。据了解,度小店平台成立于 2019 年 ,服务内容针对全面的电商解决方案,并提供建店、交易、结算、订单等全链路能力,充分满足客户所需,实现多维度营销及订单转化。那么度小店怎么样?以下是关于百度度小店的详细介绍。

  • 腾讯跟百度谈入股爱奇艺?百度:不予置评

    6月16日消息,外媒援引知情人士透露的消息称,腾讯已经与拥有56.2%爱奇艺股权的百度就购买爱奇艺股份进行接洽,计划成为爱奇艺的最大股东。对此消息,百度方面回应不予置评。最新财报显示,爱奇艺2020年第一季总营收达76亿元人民币(约合11亿美元),同比增长9%,但运营亏损仍然达到22亿元人民币(约合3.166亿美元)。根据易观千帆的数据显示,2019年9月国内综合视频app排行,日均使用时长上,爱奇艺和腾讯视频分居第一?

  • 百度为什么那么喜欢「卖」公司?

    自 6 月 16 日,路透社报道称腾讯欲取代百度控股爱奇艺后,微博话题#腾讯计划入股爱奇艺#阅读量高达6602. 6 万,讨论达1. 4 万,爱奇艺股价涨幅更是达到40%。如果交易达成,长视频格局将从此变天。

  • 电商,百度的新战役

    百度正在不遗余力的加码移动生态的服务能力。在今年 5 月份的万象大会上,百度集团执行副总裁沈抖明确表示:“服务是移动生态的新方向。”在沈抖说完这句话后的一个多月的时间里,百度完成了对电商平台有赞以及消费品排行榜盖得排行的投资。

  • 度小店赚钱吗?百度度小店挣钱吗

    现在还是做网店创业赚钱的时候吗?遍地都是卖家,怎么才能从中脱颖而出?现在开店平台多了一个新的选择,百度度小店是为所有有开店诉求,具备企业或个体工商户资质的企业、机构、个人提供的直营电商行业解决方案,提供建店、交易、结算、订单等全链路能力,帮助电商客户实现多维度营销及订单转化。那么百度度小店挣钱吗?

  • ​百度回应向腾讯出售爱奇艺股权:爱奇艺是百度重要组成部分

    今日,针对“百度拟向腾讯出售爱奇艺股权”的报道,百度公关总监郭锋回应称,大家别乱猜了。爱奇艺是百度内容生态战略的重要组成部分,百度会一如既往地支持爱奇艺的发展。

  • 百度李震宇:百度无人车业务不会拆分 没有对外融资计划

    在今日下午的Apollo媒体沟通会上,百度集团副总裁、智能驾驶事业群组总经理李震宇表示,百度无人车不会分拆,现在也没有对外融资的计划。

  • 排名超百度,这个搜索APP什么来头?

    搜索引擎行业风云变幻,各路人马登场亮相。今年 3 月,华为针对海外市场的搜索引擎HUAWEI Search开始内测。与此同时,经过半年多的测试,脱胎于网页版的头条搜索也上线了自己的APP。

  • 腾讯老干妈纠纷 百度接锅否认三连:与度无关

    7月1日消息,这两天,关于腾讯和老干妈公司之间因为广告费而引发的问题吸引了诸多网友关注。就在今天贵阳警方发布通报,有3人伪造老干妈印章与腾讯签订合同,已被刑拘。“3人伪造老干妈印章与腾讯签合同”一度成为微博上的热门话题。今天下午,网络上突然流传出一则“ 腾讯状告老干妈拖欠广告费提及某搜索引擎”的截图。对此,百度搜索紧急发布了“否认三连”表示此事与百度无关:“手里的瓜突然不香了……有一说一,?

  • 腾讯疑似回应老干妈被骗事件 百度:与我无关 理性吃瓜

    DoNews 7月1日消息(记者 吴丽)7月1日,针对网传“腾讯状告老干妈拖欠广告费提及某搜索引擎”一事,百度搜索官方微博发文称,“手里的瓜突然不香了......有一说一,这事与我无关。请大家不传谣不信谣,理性吃瓜,”贵阳警方公安双龙分局发布通报:深圳市腾讯计算机系统有限公司(简称“腾讯”)与贵阳南明老干妈风味食品有限责任公司(简称“老干妈公司”)的服务合同纠纷系3人伪造老干妈印章与腾讯签合同所致。经查明,3名系犯罪

  • 网页排序哪5个特征,百度颇为喜欢?

    常常用于表达一个人对于另外一个人的情有独钟,而在搜索引擎的领域里,很多SEO人员,常常试图去找寻一个“唯一的真理”那就是搜索排序中,到底哪个排序特征对于网页来讲,是最为重要的一个因素,而“我只喜欢你”,对于SEO而言,能不能真的把SEO做好。

  • 百度打脸哈佛新冠肺炎论文:不严谨

    6月12日消息,今年6月8日美国哈佛医学院一研究团队在哈佛 DASH 学术平台发表一篇未经同行评议的论文称,通过分析武汉医院停车场卫星图片、百度搜索趋势数据,发现早在2019年8月,武汉就开始出现新冠肺炎流行的迹象。因为该论文使用百度上“咳嗽”与“腹泻”关键词检索数量的变化来推导结论,对此,百度方面进行回应,表示,哈佛大学医学院论文这种研究方式是“非常牵强和不严谨的”,并呼吁相关研究更加科学严谨地引用

  • 百度移动生态事业群已经完成搭建直播中台

    近日百度移动生态事业群已经完成搭建直播中台,组建独立团队,负责人为古丰(真名为陈罗金),向百度副总裁、百度App总经理平晓黎汇报。公开资料显示,陈罗金 2010 年从网易加入YY欢聚时代,并发起和孵化了YY的游戏直播团队

  • 爱采购是什么?百度爱采购平台介绍

    百度爱采购是百度旗下的B2B垂直搜索引擎,于 2018 年 10 月 19 日上线。百度爱采购旨在帮助用户一站直达全网商品信息,触达海量优质商家。商家可通过百度爱采购与百度搜索无缝对接,满足用户对于采购信息检索的需求,同时为入驻企业找到精准买家。百度爱采购用AI帮助中小企业更好地解决采购批发渠道、货源问题。以下是百度爱采购平台的详细介绍。

  • 直播带货段位升级:从“OMG,买它”到百度“慢”直播

    刚刚结束的618,最大的亮点当属直播带货。抖音、快手等短视频平台拥有头部主播,发挥了“人”的核心优势;淘宝、京东等电商平台展现了“货”的优势;而百度作为知识与信息的平台,像一路奇兵,发挥了“场”的优势。

  • 百度知识直播带货,这条弯路能走通吗?

    直播带货都如火如荼了,百度才匆匆入场,显得有些后知后觉。但百度的确带来不一样的直播玩法。如果说老罗亲自直播带货,是作为商人的执著;那么李彦宏布局百度「知识直播带货」,就是文人企业家的变通。

  • 路透:腾讯计划入股爱奇艺 已经与百度接触

    路透社援引两名知情人士消息称,腾讯控股打算成为它的视频流媒体竞争对手爱奇艺的最大股东,以降低成本。其中一名知情人士表示,腾讯已经与爱奇艺56.2%股份持有者百度进行接触,希望购买规模尚未确定的股份。不过目前还不清楚腾讯是否已经与爱奇艺接触。该名知情人士称,采取这样的策略将可以提高生产和购买内容时的议价能力,同时降低营销成本。知情人士也表示,该计划尚处于早期阶段,随时可能

  • 百度推出“高考放心搜计划” 彻底封杀“野鸡大学”

    6月10日消息,在高考即将到来之际,百度今天宣布推出“高考放心搜计划”。为考生和家长,提供权威信息和智能搜索服务。具体来看,服务包括上千场高考直播、高考搜索大数据、闪电估分

  • 百度并购云游戏厂商“红手指”

    据天眼查数据显示, 6 月 2 日,湖南微算互联信息技术有限公司发生多项工商变更,其中多位股东退出,仅剩股东为北京百度网讯科技有限公

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天