【用户体验】微信分享时生成缩略图和文章预览

[lychees]

需求

在微信中分享智能签名中的文章时

• [ ] 能够显示简介信息
• [ ] 能够显示图片信息

解决方案

自动抓取正文的第一段文字作为简介 如果文章中有图片，显示第一幅图片，如果没有，显示默认图片 参考微信官方文档

[yukiexe]

這篇啦，貼甚麼文擋誤導人 https://flniu.github.io/blog/2017/03/14/wechat-share-link-thumbnail/

[yukiexe]

#378 透過加入 Open Graph ，瀏覽器分享到微信的應該就會有預覽了 當然還沒有預覽圖，需要自動化抓圖片地址

[lychees]

就选文章中的第一张图片就好 (但是要先修图片？依赖于 https://github.com/smart-signature/smart-signature-future/issues/331） 所以要不先直接显示一下用户头像来进行测试。

[yukiexe]

https://bkso.baidu.com/item/GraphicsMagick

[yukiexe]

有使用 og 的文章範例。雖然帶了 og:image ，但微信不理它 https://team.surf/zh/news/--42klzyiq?utm_source=facebook&utm_medium=cpc&utm_campaign=003%5ETraffic&utm_content=03k%5ETraffic_News_42klzyiq&fbclid=IwAR3dE0uAWHCzXjtBya4RKVBjWq-aSGHhsh0i8cMBUtxIqZswURIBSDrl8QY

[yukiexe]

https://www.mmorpg.com/mobile/features.cfm?read=13562&game=473&ismb=1 可以看到不管網站裡的 og 設定寫啥都沒用，只有用公眾號 id 或是瀏覽器複寫才能顯示，下面那個是 chrome 的分享

[yukiexe]

來個不是公眾號文章，也不是從特定瀏覽器分享的例子？