自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 livephoto.js:在网站轻松展示Live Photo动态图

livephoto.js是一个轻量级的JavaScript库,能够在网页上完美复现手机Live Photo(动态照片)效果。通过简单的HTML结构(包含静态图片和视频的容器)和CSS引入即可使用。该库提供丰富的配置选项,包括自动播放、悬停播放、懒加载、徽章显示等功能,并内置了响应式网格布局支持。开发者可以轻松自定义样式和行为,无需依赖其他框架,兼容现代浏览器,是展示动态照片的理想解决方案。

2025-09-07 21:23:05 1045

原创 Hexo-live-photo:在Hexo博客中展示手机拍摄的LivePhoto动态照片

本文介绍了一款名为hexo-live-photo的Hexo插件,用于在静态博客中展示iPhone等设备拍摄的Live Photo动态照片。该插件通过解析.jpg图片和.mp4视频资源,利用HTML5技术还原动态效果。文章详细说明了插件的安装方法、配置选项(如自动播放、悬停触发等参数)以及在Markdown中的使用语法({% livephoto 图片路径 视频路径 %})。该插件解决了静态网站无法展示动态照片的问题,完整保留了3秒的动态影像和声音,使博客内容更加生动。更多参数说明可参考插件官网。

2025-09-02 16:09:29 324

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除