Hexo 中实现 Live Photos 支持
💡
原文中文，约2600字，阅读约需7分钟。
📝
内容提要
在 Hexo 中实现 Live Photos 支持，可以通过动态加载 LivePhotosKit.js 来节省资源。使用自定义标签或过滤器，将图片和视频渲染为 Live Photo 格式，便可在 Markdown 文件中插入实况图。
🎯
关键要点
- Hexo 中实现 Live Photos 支持，可以通过动态加载 LivePhotosKit.js 来节省资源。
- Live Photos 记录拍照前后 1.5 秒的内容，由一张 JPG 图片和一个 45 帧的 MOV 视频组成。
- 可以使用自定义标签或过滤器将图片和视频渲染为 Live Photo 格式。
- 推荐使用过滤器功能，将特定的 Markdown 语法自动转换为 Live Photo 的 HTML 结构。
- 在 Hexo 项目的 scripts 文件夹中创建 live_photo.js 文件，定义 live 标签。
- 在 Markdown 文件中使用 {% live 文字描述 图片链接 视频链接 %} 格式插入实况图。
- 另一种方法是创建 live-photo-filter.js 文件，通过过滤器功能处理 Markdown 内容。
- 在 Markdown 文件中使用 (视频链接) 格式插入实况图。
🏷️
标签
➡️
