今天尝试分享自己网站到微信的时候发现微信的缩略图取得很奇怪。所以找了一下如何显示自定义内容的方法，发现常说的使用微信sdk的方式太麻烦了，对于只有一个前端的静态博客，简单化是最好的。

效果预览

添加代码

首先准备一张300*300的图片作为缩略图。

在head头部添加一个div，包含img标签。

1
2
<div style="display:none;"><img src="/img/wechat.png" alt=""></div>
<meta property="og:image" content="https://*.***.***/*.png">

第一行src、第二行content更改为图片地址即可，第二行的图片地址必须为完整地址。

参考文章

微信分享链接的缩略图