前言
最近想折腾一个相册页面,发现了photo page for typecho觉得不错,独立页面模板支持两种样式,但他使用的是静态资源全球jsDelivr加速。有时候就加载不出来,所以自己折腾一下,把CSS、js改到本地运行,同时增加图片懒加载。因为技术有限,可能还有很多可优化之处。请大家指正!
声明
参考原代码:https://github.com/zzd/photo-page-for-typecho
介绍
typecho相册单页模板,单页模板非主题,可与主题共存!本项目仅需安装一个php文件,引入了两个相册主题Multiverse和Lens,可自行选择。
在线演示:
https://blog.ziyege.com/photo.html
Multiverse风格
Lens风格
使用说明
下载地址:https://github.com/gxdng24/typycho-photo-ziyege
安装
将文件夹内的文件上传至你所使用的主题根目录(可选两种模板),如默认主题路径/usr/themes/default,然后在typecho后台创建独立页面,将模板选择Multiverse风格照片集或Lens风格照片集即可。
调用格式
标题,简介,图片链接
多图以回车结束,每一行代表一张图片的信息,简介可以省略空白即可。
例如:
pic1,2020年01月01日拍摄,https://xxx.cn/large/xxx.jpg
pic2,2020年01月02日拍摄,https://xxx.cn/large/xxx.jpg
pic3,2020年01月03日拍摄,https://xxx.cn/large/xxx.jpg
自定义字段
[可选] about:控制指定位置的文本,可自定义关于等信息;
[可选] CDN:用以匹配你所使用的对象存储服务商,目前支持又拍云、阿里云OSS、七牛云、腾讯云,本字段目的在于使用云图像处理动态生成缩略图。对应填写内容为:UPYUN/OSS/KODO/COS;
[可选] 社交链接字段 Twitter, Facebook, Instagram, GitHub,给相应字段填入链接即可。
暂无评论