记忆流图片点击展开插件

一个简单的 Typecho 插件，可以将文章中的图片转换为点击展开的形式，提升页面加载速度和用户体验。

功能特点

  • 自动将文章中的图片转换为点击展开的形式
  • 平滑的展开动画效果
  • 可自定义展开按钮文本
  • 响应式设计，完美适配移动端
  • 优雅的视觉效果和交互体验

安装方法

环境要求

  • Nginx 1.24.0
  • PHP 7.4
  • MySQL 5.7.40
  • Typecho 1.2.1
  1. 下载插件压缩包后
  2. 将 ImageExpand.zip 压缩包上传到 Typecho 的 /usr/plugins/ 目录下解压
  3. 赋予 ImageExpand 文件夹 755 权限
  4. 登录后台，在"控制台"→"插件"中找到 "记忆流图片点击展开插件"，点击"启用"
  5. 根据需要配置插件参数

配置说明

插件提供以下配置选项：

  • 按钮文本：自定义点击展开按钮的显示文本，默认为"👆 点击查看图片"

使用方法

启用插件后，无需额外设置，插件会自动处理文章中的图片。

效果展示

👆 点击查看图片
1.png

  • 初始状态下，图片被替换为一个优雅的按钮
  • 点击按钮后，图片会以平滑的动画效果展开显示
  • 图片展开后会自动适应屏幕宽度，无需担心布局问题

注意事项

  • 确保你的主题兼容 jQuery（大多数主题都兼容）
  • 如果遇到样式冲突，可能需要调整你的主题 CSS
  • 建议图片使用合适的尺寸，过大的图片可能会影响加载速度

更新日志

v1.0.0 (2025-01-17)

  • 首次发布
  • 实现基础的图片点击展开功能
  • 添加自定义按钮文本功能

联系方式

版权说明

本插件遵循 MIT 协议开源，转载使用请注明出处。