分享按钮全面优化

羽·凌风

Hello 大家，学习JS三天的羽狼又来给网站做优化了（X）
这次是分享按钮的全面加强！

分享按钮位于每篇帖子的最上方和最下方

2019-4-28 11:09 ↑

2019-4-28 11:09 ↑

点击相应的平台LOGO后就会转入各自的分享页面
会自动填写上帖子的标题、首楼的前几句话（如果分享的不是第一页的话就会显示其他页面第一个贴的前几句话）、以及当前页面的图片（包括外部图片和附件）

例如，分享到微博的话就像这样（可以显示多张图片）

2019-4-28 11:09 ↑

分享到FB（可以显示出帖子的第一张图）

2019-4-28 11:09 ↑

2019-4-28 11:09 ↑

分享到豆瓣和QQ空间（显示一张图片，即帖子的第一张图）

2019-4-28 11:09 ↑

2019-4-28 11:09 ↑

点击分享按钮最右边的+，还有更多的平台可供选择

---

除此之外，把鼠标放在图片上，还可以看到分享按钮的浮窗，用这个按钮可以指定想要分享的图片

2019-4-28 11:44 ↑

2019-4-28 11:44 ↑

羽·凌风

配合分享功能写了个新的图片标签，叫[simg]
用法和[img]基本一样，除了[simg]不能像[img=w,h]这样手动调整图片的尺寸
被包在[simg]里面的图片会被判定为该帖子的【标题图片】，而分享按钮会自动读取这个标题图片，所以你就可以利用[simg]这个标签自定义你想让分享按钮提取的图片了
标题图片只能有一个，如果设置了多个[simg]，标题图片则为第一个
如果没有设置[simg]，则默认将帖子内的第一张图作为标题图片
至于这个标签的意思……按照 seo_img 或者 share_img 来理解记忆吧(?)

举个例子：
要分享这篇帖子，如果没有设置[simg]，那么分享时会自动加载第一张图片

2019-5-17 17:14 ↑

而如果设置了[simg]（比如设置成最后一张图）

2019-5-17 17:14 ↑

分享时加载的图片就会变成自定义的那张图了

2019-5-17 17:14 ↑

分享到微博、噗浪这些可以分享多图的地方时，“标题图片”也会默认显示在图片列表的第一个