MATATAKI_FE_Mobile
MATATAKI_FE_Mobile copied to clipboard
【用户体验】微信分享时生成缩略图和文章预览
需求
在微信中分享智能签名中的文章时
- [ ] 能够显示简介信息
- [ ] 能够显示图片信息

解决方案
自动抓取正文的第一段文字作为简介 如果文章中有图片,显示第一幅图片,如果没有,显示默认图片 参考微信官方文档
這篇啦,貼甚麼文擋誤導人 https://flniu.github.io/blog/2017/03/14/wechat-share-link-thumbnail/
#378 透過加入 Open Graph ,瀏覽器分享到微信的應該就會有預覽了 當然還沒有預覽圖,需要自動化抓圖片地址
就选文章中的第一张图片就好 (但是要先修图片?依赖于 https://github.com/smart-signature/smart-signature-future/issues/331) 所以要不先直接显示一下用户头像来进行测试。
https://bkso.baidu.com/item/GraphicsMagick
有使用 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
https://www.mmorpg.com/mobile/features.cfm?read=13562&game=473&ismb=1 可以看到不管網站裡的 og 設定寫啥都沒用,只有用公眾號 id 或是瀏覽器複寫才能顯示,下面那個是 chrome 的分享

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