小程序抓取的是thumb字段显示图片。

20190522085128.png

很多主题能够将文章的第一张图片自动设置为thumb缩略图,不需要手动设置。
所以只要你的网站能够显示缩略图,那多半不是这个问题,继续看下面。

第一种情况配置域名

有部分网站的网站服务器和资源(图片、视频等)服务器不在一个域名,
例如网站域名在hiai.top,而图片存放的地址在blog.hiai.top。
此时应该不仅将blog.hiai.top添加到小程序的服务器域名里面,同时也应该将blog.hiai.top添加到服务器域名,以本站为例:
20190522085514.png

注意,你的图片地址必须也要是https,否则微信会拒绝访问!

第二种情况设置防盗链

如果上面的方法试过了还是不行,那多半是因为你设置了防盗链。有部分网站的资源服务器放在了对象储存或者CDN上面,并开启了防盗链。
这将导致对象储存拒绝微信小程序访问,也可能导致小程序不能加载图片。
解决方案:

  • 1.将servicewechat.com放在防盗链白名单
  • 2.开启允许空refer

第三种暴力设置随机缩略图

这样配置就可以了,缩略图就能显示了,如果缩略图还是不显示,那就暴力设置缩略图,在wetypecho插件中Action.php:
20190522090117.png

$thumb = "https://www.hiai.top/usr/themes/HIAI/img/thumb/" . mt_rand(1, 8) . ".jpg";
$post['thumb'] = $this->db->fetchAll($this->db->select('str_value')->from('table.fields')->where('cid = ?', $post['cid']))?$this->db->fetchAll($this->db->select('str_value')->from('table.fields')->where('cid = ?', $post['cid'])):array(array("str_value"=> $thumb));

第四种错误情况

我们的缩略图默认获取的是thumb字段,这个thumb字段是一个数组,有时候他会获取三个或者两个图片。
如果你的小程序不显示那么在代码: BlogWechat/ hiTypecho / pages / index / index.js 的第150行输入console.loe(res) 这时你的控制器就会打印获取到的数据,然后你需要根据情况来设置缩略图,在代码的:BlogWechat/ hiTypecho / pages / index / index.wxml
如下图显示:
2020-03-21_215306.jpg