我花了一个月给 Emlog 做了一款图片展示主题，7种布局×6种风格

我花了一个月给 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前端开发