我花了一个月给 Emlog 做了一款图片展示主题，7种布局×6种风格
适合摄影、设计、插画、壁纸类博客的 Emlog Pro 主题
起因
Emlog 是一款轻量级的 PHP 博客系统，启动快、上手简单，个人博客用它非常合适。但我在用 Emlog 搭建图片类站点时发现，官方应用商店里专门针对图片展示的主题很少，大部分都是通用博客主题，图片展示体验一般。
于是我自己动手做了一款——PicShow。
做了什么
7 种布局模式
不是简单的换个排列方式，每种布局都有独立的 CSS 和交互逻辑：
- 瀑布流双列— 适合竖版图片，错落有致
- 瀑布流三列— 信息密度高，适合大量图片
- 等宽网格— 整齐划一，适合产品展示
- 大图画廊— 每张图全宽展示，视觉冲击力强
- 图文列表— 左图右文，适合图文混排
- 时间线— 按时间轴排列，适合记录类内容
- 胶片墙— 横向滚动的电影胶片效果
用户在前台一键切换，选择保存到 localStorage，下次访问自动恢复。
6 种预设风格
- 极简白 — 干净清爽
- 暗夜黑 — 深色护眼
- 杂志风 — 衬线字体+纸张纹理
- 卡片风 — 圆角阴影+现代感
- 国风金 — 古典配色+纹样装饰
- 渐变彩 — 动态渐变背景
布局 × 风格 = 42 种组合，一个主题顶一套。
其他功能
- Pjax 无刷新导航— 页面切换不闪烁
- 点赞+收藏系统— Cookie 去重，无需登录
- 图片灯箱— 键盘导航、全屏预览
- 懒加载 + 无限滚动— IntersectionObserver API
- SEO 自动化— Sitemap、robots.txt、JSON-LD、Open Graph
- 深色模式— 自动检测系统偏好
- 广告管理— 7+3 广告位
- 后台 85 项设置— 10 个标签页，不用改代码
技术实现
- 纯 PHP 原生模板引擎，不依赖第三方框架
- CSS 变量系统，风格切换靠 CSS 文件替换
- Pjax 基于 DOMParser + pushState，非第三方库
- 图片懒加载用 IntersectionObserver，不支持的浏览器降级
- 点赞/收藏用 Cookie + Storage 表，不用自建数据库表
环境要求
- Emlog Pro 2.6+
- PHP 7.4+ / 8.1
- MySQL 5.6+
演示地址
https://emlog-picshow.djzy.cc/
后台 demo 账号：demo / demo123（30 分钟体验限制）
购买地址
emlog 应用商店搜索「PicShow」，或访问：
https://www.emlog.net/template/detail/1313
标签：emlogemlog主题图片展示瀑布流博客主题PHP前端开发
