通过数据属性实现社交分享图像
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
作者重新认识社交分享图像的价值，通过在Markdown中添加特殊数据属性，将图像标记为“预览”，以便在文章中使用现有图像，方便作者并为读者提供相关预览。
🎯
关键要点
- 作者重新认识社交分享图像的价值，认为这些图像在文章中有其存在的意义。
- 社交分享图像可以作为内容的图形预览，帮助读者理解文章的主题。
- 作者在某些文章中使用了大量图像，觉得不展示这些图像是一种浪费。
- 为了在文章中使用og:image，作者寻找了一种不需要前置数据的方法。
- 作者通过在Markdown中添加特殊数据属性来标记图像为预览图像。
- 这种方法允许作者利用现有的HTML机制，而无需引入新的表达方式。
- 这种做法对作者和读者都有好处，作者无需额外工作，读者能获得相关的图像预览。
- 作者认为这是技术服务于内容，而不是内容服务于技术。
❓
延伸问答
社交分享图像的价值是什么？
社交分享图像可以作为内容的图形预览，帮助读者理解文章的主题。
作者是如何在Markdown中标记预览图像的？
作者通过在Markdown中添加特殊数据属性来标记图像为预览图像，例如使用data-og-image属性。
使用社交分享图像对作者和读者有什么好处？
对作者来说，无需额外工作；对读者来说，能够获得相关的图像预览，增强理解。
作者为什么不想使用前置数据？
作者有自己独特的Markdown写作方式，不想引入新的表达方式，如前置数据。
如何利用现有的HTML机制来处理图像？
作者利用HTML中的数据属性，将图像标记为预览图像，从而提取元信息。
作者对社交分享图像的态度是什么？
作者认为社交分享图像有其存在的意义，并在适当情况下使用它们。
➡️
