博主半个摄影控。一直想做个相册展示站,最近心血来潮。自用刚需项目。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
截图:
移动端小窗口:
这个一个基于typecho的相册模板。前端采用Multiverse,由钻芒适配并优化
后台设置:
使用方法
将主题time文件夹上传到typecho模板目录 /usr/themes/
- 使用前需前往typecho后台,设置-阅读,调整每页文章显示替换为 999
- 首页只会输出5篇文章。需调整大一些,即可实现无限滚动
- #当图片少于12张时点击预览底部弹窗会有错位移动,请多上传几张图片即会正常。
图片添加方式:
图片链接在文章编辑器下面的自定义段落的图片链接
一栏填写
配合新版本V1.1.2后台设置图片处理
规则,可大幅优化性能(搭配阿里云oss或又拍云储存等..)
更新
- 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
交流群
主题下载:
V1.1.2版本 已知存在的问题,经测试使用Chrome内核浏览器不配合图片处理使用图片过多后会导致页面卡顿。暂行解决办法就是使用非Chrome内核浏览器访问。如IE或火狐。则不会出现此问题。
相关文章:
优化图片占用:打造time相册终极优化方案-缩略图压缩和webp自适应
图片处理使用:阿里云oss、又拍云储存等储存桶图片处理介绍 –配合 Time时光相册使用
关于图片问题
网页中图片一直是占用资源最大的。图片站当然更了不得。太大会影响访问速度。说一下现有解决方案
- 压缩图片 推荐tinyPNG 更多压缩工具可以查看极客导航
- 列表项 图片转换成webp格式,webp由Google开发,可无损大幅减少图片内存。原生支持Chrome Firefox,安卓。ios不支持(可代码适配,后续加入)
- (推荐)使用又拍云WebP 自适应方案减少图片资源大小
- 国内的云存储一般都支持格式转换,如阿里云,又拍云等
开启方法在又拍云控制台-成本控制-WebP 自适应,开启即可。
官方文档:https://blog.upyun.com/?p=1539
—-此方法不及上边的又拍云自适应判断,例如图片在ios上无法加载—-
转换前 jpg格式
268kb
https://a-oss.zmki.cn/2019/20191121-9d2f622305c0c.jpg
转换后 webp格式
140kb
https://a-oss.zmki.cn/2019/20191121-9d2f622305c0c.jpg-webp
(此图webp格式iOS会无法加载。)
这个很好看啊
这个好好看!
谢谢谢分享
看下这个源码
评论后查看无效啊??
已审核
很喜欢这款主题
已经从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地址,直接下载就可以了
漂亮
嘿嘿