首页 🎉极客

请注意,本文编写于:2021-02-08,最后编辑于17天前,内容可能已经不具有时效性,请谨慎参考。

typecho相册单页模板,单页模板非主题,可与主题共存!基于HTML5UP开发设计的静态单页,觉得好看,便整合到typecho里面,实现了动态管理。本项目仅需安装一个php文件,静态资源全球jsDelivr加速,使用方便简单。2.0版本引入了两个相册主题Multiverse和Lens,可自行选择。

展示


电脑端示例

Multiverse风格

Multiverse

Lens风格

Lens

特性


流畅的运行体验
单页模板,可与主题共存
后台编辑简单
公共资源全球CDN加速
支持缩略图云处理
由HTML5UP设计前端
两种可选样式

使用说明


安装

点击下载最新版本

photo-page-for-typecho文件夹内的.php文件上传至你所使用的主题根目录(可选两种模板),如默认主题路径/usr/themes/default,然后在typecho后台创建空白单页,根据你所上传的文件,将模板选择Multiverse风格照片集Lens风格照片集。鉴于GoogleFont服务在国内完全正常使用,暂不使用第三方镜像加速。

注:你无需下载master下的所有文件,静态文件均采用了jsDelivr公共CDN加速;强烈建议使用对象存储保存照片,以便程序自动调用图片云处理功能。

调用格式

标题,简介,图片链接

多图以回车结束,每一行代表一张图片的信息。
例如:

picture1,2020年01月01日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture2,2020年01月02日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture3,2020年01月03日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg

自定义字段

[可选] about:控制指定位置的文本,可自定义关于等信息;
[可选] CDN:用以匹配你所使用的对象存储服务商,目前支持又拍云、阿里云OSS、七牛云、腾讯云,本字段目的在于使用云图像处理动态生成缩略图。对应填写内容为:UPYUN/OSS/KODO/COS
[可选] 社交链接字段 Twitter, Facebook, Instagram, GitHub,给相应字段填入链接即可。




文章评论

    zhao 访客ChromeMac
    2天 前   回复

    已请博主喝饮料,非常感谢~!
    另外想问问,这些图片可否可以设置链接,跳转到文章 不知道如何操作,可以指点一下吗?

    南瓜奶酪 访客ChromeWindows
    2020-12-19 12:16   回复

    为啥图片就是加载不出来

      Fenggu 站长ChromeWindows
      2020-12-19 12:18   回复

      给我看看,你格式是怎么写的。

        南瓜奶酪 访客ChromeWindows
        2020-12-19 12:21   回复

        picture1,2020年01月01日拍摄,ttps://txc.gtimg.com/data/298698/2020/1218/4355db61a41e4ec8c18759084223672d.png
        picture2,2020年01月02日拍摄,ttps://txc.gtimg.com/data/298698/2020/1218/4355db61a41e4ec8c18759084223672d.png
        picture3,2020年01月03日拍摄,ttps://txc.gtimg.com/data/298698/2020/1218/4355db61a41e4ec8c18759084223672d.png
        对了,博主,你搭建的网盘任何链接都进不去,QQ联系:1620793284

    杰宝宝 访客ChromeWindows
    2020-12-15 8:44   回复

    文章插图圆角和阴影怎么做的?好看啊

目录