Alan Hou的个人博客

使用百度Site App制作移动站点

打开百度开放服务平台(http://siteapp.baidu.com/create_site)输入需要创建App的域名如alanhou.org,接受协议点击下一步:

在定制效果页面填写WebApp名称,选择模板导航样式及配色,完成后点击下一步:

 

点击提取导航应用会自动识别导航,如果无法识别则需手动选取导航区域,完成后点击下一步:

在本步骤中可设置底部链接、联系信息或添加组件

点击上面步骤中的添加组件按钮,会弹出如下窗口设置各项内容,完成进入下一步:

验证权限用于验证对于网站的所有权,有两种方法,一种是下载验证文件传到根目录,另一种是在header中添加一个用于验证的meta标签

如果域名做过备案的话,可以绑定一个子域名用作移动站点,如m.alanhou.org,相应的需要在域名设置中配置一条CNAME记录,指向siteapp.baidu.com:

点击完成后等待审核,由于Alan的网站没有进行备案,所以没有设置子域名,待审核完成后访问http://siteapp.baidu.com/webapp/alanhou.org,在IE中得到如下效果

可以看到显示还不够优化,但百度提供了优化工具的扩展功能,另外在测试过程中发现手机端和其它浏览器中出现开发者模式出错的报错信息,尚未找到解决方案。

 

退出移动版