关于使用HEXO搭建的博客出现网页不适合在移动设备上浏览等问题

问题

在Google上搜索博客关键词的时候发现每个链接下都会有一个这样的提醒：

寻找原因

因为是google搜索上面显示的网页适配问题，当然需要登录Google Search Console去查查原因所在。

就会发现存在以下几个原因：

1、文字太小，无法阅读

2、可点击元素之间的距离太近

3、内容宽度超过了屏幕显示范围

但是明明网站的移动端并没有出现类似的问题。

打开网页加载问题查看详情。

发现robots.txt禁止抓取样式表导致Googlebot抓到的都是原始html文件，没有经过js和css润色的html页面。

解决方案

修改robots.txt就好了，把下列两行代码删除即可，然后刷新测试页面。

Disallow: /js/
Disallow: /css/

这样在搜索引擎搜索我的博客，就不会看到提示不适合移动端浏览了！