适配Typecho主题Jasmine的相册页面模板。为Jasmine主题增加相册独立页面。
由于Jasmine没有为图片设置灯箱效果,所以在代码中添加了这个效果。
如果已经配置了其他的图片效果,请注释(删)掉35行和219行灯箱效果相关的代码,否则多种图片效果会同时显示,导致显示问题。
每页默认显示20张图片,点击加载更多按钮显示更多。
使用方法:
- 下载仓库中的php文件,保存到typecho主题文件夹的根目录下。比如
/typecho/usr/themes/jasmine
- 打开Typecho后台---管理----独立页面----新增----右侧自定义模板----相册页面
- 标题为相册页面的标题,缩略名路径必须与代码第163行的
location.pathname
路径相同,默认为albums
若有更改则163行的代码及PHP文件都需要更改名称。
调用格式:标题,简介,图片链接
每张图片占一行,信息之间用英文逗号隔开。如果不想填写标题或简介,请用空格代替。
例如:
测试1,2023-11-11,https://example1.com
测试2,2023/11/12,https://example1.com
测试3, ,https://example1.com
时间有多种格式,也可以精确到时分秒。在独立相册页面直接更新内容即可。
- 设置完成后 在Jasmine主题的左侧添加一个图标及跳转页面
后台设置图标插入:
{
"name": "相册",
"icon": "tabler:arrows-random",
"url": "https://域名/albums.html",
"newTab": false
}
ICO图标参考:[Jasmine 图标使用]的2.X 版本(https://www.chengzihai.com/archives/7/)
本文来源于开源项目:https://github.com/WShuai123/photo-page-for-typecho-theme-Jasmine