小程序抓取的是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