![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2019/20191123-463484cf3a395.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图")
博主半个摄影控。一直想做个相册展示站，最近心血来潮。自用刚需项目。Time便应运而生。前端采用Multiverse，后台用的是typecho。瀑布流无限加载，支持图片灯箱效果。V1.1.2已加入js懒加载，秒开不是梦。底栏顶栏已集成到index.php首页
For WordPress版本 计划开发适配中…（猴年马月）
秉承开源精神，代码无加密，已打包至GitHub
- Demo: photo.zmki.cn
- GitHub：github.com/wclk/time
- 优化图片占用:www.zmki.cn/4956.html
- 配合oss图片处理:https://www.zmki.cn/5374.html
截图:
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-d2e9eca4d241e.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图1")
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-cced943a73035.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图2")
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-15360b872f82c.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图3")
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-53a848c97e9ae.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图4")
移动端小窗口:
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-b2e6da9e9c90a.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图5")
这个一个基于typecho的相册模板。前端采用Multiverse，由钻芒适配并优化
后台设置:
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-6cf3bed46f765.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图6")
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-385eeffa45c0c.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图7")
使用方法
将主题time文件夹上传到typecho模板目录 /usr/themes/
- 使用前需前往typecho后台，设置-阅读，调整每页文章显示替换为 999
- 首页只会输出5篇文章。需调整大一些，即可实现无限滚动
- #当图片少于12张时点击预览底部弹窗会有错位移动，请多上传几张图片即会正常。
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2019/20191122-3b6d4a8d7ff1a.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图8")
图片添加方式：
考虑到国内的IDc带宽，为了用户的访问速度。图片采用外链方式插入。（推荐搭配图床使用）
图片链接在文章编辑器下面的自定义段落的图片链接一栏填写
配合新版本V1.1.2后台设置图片处理规则，可大幅优化性能（搭配阿里云oss或又拍云储存等..）
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200212-2e9b341713b14.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图9")
更新
- V1.1.3更新 2020年2月15日
- 优化了部分选项，新增主题内更新检测
- 此版本懒加载性能问题未修复，若图片占用较大会导致页面卡顿。配合后台图片处理使用，即可解决此问题
- 优化相关说明可以查看下方相关文章，演示站60张图片 优化前→优化后 31M → 4M
- 下个版本主力解决懒加载性能问题
- V1.1.2更新 2020年2月11日
- 新增瀑布流懒加载，解决图片多了后加载超级缓慢的问题
- 优化浏览器侧边进度条，并增加全屏显示按钮，一键切换沉浸其中。
- 后台新增自定义图片处理格式，缩略图和展开图可分别设置。简单设置高效使用
- 部分功能集成至后台方便使用
- V1.0.2更新2020年1月9日
- 修复进场加载特效（黑色瀑布）
- 优化访问速度
- V1.0.1 第一个版本 2019年11月22日
- 多字段后台可调
- 友好的SEO，后台可设置tkd
- 关于联系方式后台可调
致谢:
HTML UP
交流群
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2020/20200214-a874495080831.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]")
主题下载:
V1.1.3版本 已同步更新Github，欢迎博客内留言下载
V1.1.2版本 已知存在的问题，经测试使用Chrome内核浏览器不配合图片处理使用图片过多后会导致页面卡顿。暂行解决办法就是使用非Chrome内核浏览器访问。如IE或火狐。则不会出现此问题。
V1.1.2版本 已知存在的问题，经测试使用Chrome内核浏览器不配合图片处理使用图片过多后会导致页面卡顿。暂行解决办法就是使用非Chrome内核浏览器访问。如IE或火狐。则不会出现此问题。
Time主题下方评论免费下载
相关文章:
优化图片占用:打造time相册终极优化方案-缩略图压缩和webp自适应
图片处理使用:阿里云oss、又拍云储存等储存桶图片处理介绍 –配合 Time时光相册使用
关于图片问题
网页中图片一直是占用资源最大的。图片站当然更了不得。太大会影响访问速度。说一下现有解决方案
- 压缩图片 推荐tinyPNG 更多压缩工具可以查看极客导航
- 列表项 图片转换成webp格式，webp由Google开发，可无损大幅减少图片内存。原生支持Chrome Firefox，安卓。ios不支持（可代码适配，后续加入）
- （推荐）使用又拍云WebP 自适应方案减少图片资源大小
- 国内的云存储一般都支持格式转换，如阿里云，又拍云等
又拍云WebP 自适应方案，自动判断浏览器是否支持 WebP 格式
如图，利用又拍云webp自适应方案可自动判断浏览器是否支持 WebP 格式，并返回webp或原图
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2019/20191122-499f5b8096ccd.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图11")
开启方法在又拍云控制台-成本控制-WebP 自适应，开启即可。
官方文档:https://blog.upyun.com/?p=1539
阿里云快速将图片转换成webp格式。在阿里云oss可使用样式将图片转换成webp
—-此方法不及上边的又拍云自适应判断，例如图片在ios上无法加载—-
—-此方法不及上边的又拍云自适应判断，例如图片在ios上无法加载—-
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2019/20191122-606d69b9caf92.png "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图12")
webp格式实例演示： （点击图片可放大）
转换前 jpg格式 268kb https://a-oss.zmki.cn/2019/20191121-9d2f622305c0c.jpg
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2019/20191121-9d2f622305c0c.jpg "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图13")
转换后 webp格式 140kb https://a-oss.zmki.cn/2019/20191121-9d2f622305c0c.jpg-webp
（此图webp格式iOS会无法加载。）
![Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]-钻芒博客](https://a-oss.zmki.cn/2019/20191121-9d2f622305c0c.jpg-webp "Time相册主题 for typecho模板 [2020年2月12日更新至V1.1.2 支持懒加载]插图14")
支付宝扫一扫
微信扫一扫
这个很好看啊
这个好好看！
谢谢谢分享
看下这个源码
评论后查看无效啊？？
已审核
很喜欢这款主题
已经从wp转到typecho，还是很不习惯
真心不错
好好看的模板
好看的模板
大佬，请问一下自定义字段图片链接怎么添加多图？用空格和,隔开都不行
一个文章一张图片。不可以放多张
好看的模板
博主你好，1.3最新版本懒加载是有问题对吧，我放了20多张图片，并且经过又拍云优化后，加载时间大概12秒，打开你的相册速度和懒加载都很好。这个是啥问题？
你这个问题是图片太大的问题
没优化好，继续优化吧。可以配合图片处理
图片优化的多大就可以了，博主的相册我看打开时，下滑才会显示图片，我这个直接全打开了。
使用文章内的下载仓库，github上的版本好像有些问题
缩略图50kb左右
感谢作者，我一会儿换个老版本试试，学习了又拍云优化真的更好用。
全部按照参数设置了，缩略图参数一直出不来，图片版权水印参数有用。甚至把缩略图参数和图片版权水印参数设置一样，首页还是加载原图，但是点击图片显示的大图有图片版权水印参数
发一下url
这个https://time.studylong.xyz
参数也是-ys
收到 GitHub下载的包吗？试试用这里的 Time下载仓库: https://pan.zmki.cn/s/97s71ors
原来是github下的，现在直接解压这个好了，十分感谢！
不错哦
感谢大佬的主题，找了很久这类图片主题了。
期待后续的懒加载优化~
真好看的主题
这么漂亮的主题
一直想找一个
感谢这么好看的图片主题，放上平时随拍的一些照片真的超级赞
https://a-oss.zmki.cn/2020/20200216-e9df9d4b8aae7.js
https://a-oss.zmki.cn/2020/20200216-6b01820ecd625.js
这2个挂了 导致主题打不开
大佬 你oss的证书挂了 导致主题无法使用
你好 哪个域名
https://img.rruu.net/image/5e5ca89f4d9d4 ssl挂了吧？
证书正常，刷新缓存
缓存清理了也这样 用无痕打开还是一样的。。。可能我这边问题吧
嗯，我用服务器测试正常的。你换火狐试试，有时候Chrome可能会这样。
其他浏览器是好的 谢谢了
现在又不行 别人也打不开 https://www.picbed.xyz/
测试正常
感谢分享！女朋友一直想要这种的。不过现在放了9张照片就已经要加载5分钟+了。我有空再手动压缩优化一下吧~感恩！
刚看到这个相册，真的很精美，感谢
看看，
感谢大佬的无私分享！
NB克拉斯，很好看
卧槽，我不是评论了吗
请不要灌水评论
很好看
怎样给同一组照片合成一个序列集？
你好 你指的水印吗？还是顺序
我的意思是同一类型，例如我今天在公园拍的照片做成一个合集来展示
嗯..不可以
楼主新年好。能不能设成宝宝相册模式，我想给我的宝宝做个相册，谢谢。
你好，主题只是一个模板载体，做什么内容都可以自由决定。
大神辛苦，主题很好用，有个小问题，开启https后首页排版错乱了，内容都在，感觉是css的问题，因为是小白，不知道有木有办法解决哇～
url发一下看看
来啦
楼主,模板下载试用了几天,图片上传了20多张打开速度还可以,我有上传了100来张,就明显的打开超慢,黑屏起码是5分钟以上,现在换回其他模板打开速度正常的,能不能优化下速度
你好，你url多少，我看一下
我刚刚看了后台,我是1.02版,我现在试试1.1.2
1.1.2还有一些问题 你等等吧 这几天在更新一下子。
好的,谢谢,我上传的都是些套图,上传了100来张,就打开黑屏加载5分钟以上,你更新了,我上传500张左右测试一下,
前几天更新的新版本1.1.2版本已经支持了懒加载，就是首次访问 只加载首屏的那几张图片，用户向下滚动的时候在加载下边的图片，之前的策略是访问后要把全部的图片加载出来才会显示。不过这个版本目前化存在一下问题，已经定位到。还在完善中。近期会发布。主要就是为优化性能
好的,等你的更新
感谢大佬，主题很棒！！
找同款主题很久了
刚更新，欢迎使用反馈
来看看
很不错的样子
懒加载版本即将发布 优化打开速度
不错
谢谢分享,一直想换个好点的图片模板
不错真的不错
支持一波
楼主我用你的模板点击图片的时候底部栏会跳上来
图片太少了。多上传一点就好了。超过首屏就可以(12张)
了解了
2131212
请不要发垃圾评论
✗笑哭了✗ 漂亮啊，图片能不能支持上传而不是自己贴连接
用typecho比较少。不晓得有没有单独缩略图设置。如果可以的话可以移植过来。另外搭配图床使用即可解决这个问题。（因为我一直都在用图床，云储存自定义图片格式也比较方便。）
我其实是想表达有没有方便的发图方式，我刚用了sm.ms试了一下还是不错的。 另外没想到博主回复我这么及时
嗯 比较推荐自建图床。万一图片挂了泪两行 ✗滑稽✗
好看 ✗开心✗
✗吐舌头✗
github地址在哪里？
文章里有
为啥还在审核中呢
因为之前有人恶意灌水 所以现在所有的评论都要审核后发布
好的
我怕已经评论了2条了为啥这个隐藏的还没显示你呢，我想知道下载地址
有github地址，直接下载就可以了
漂亮
嘿嘿