为你的typecho做一个相册
其实都是我复制粘贴博客里的博文。喜欢可以去博客里看更多有意思的内容
前言
之前弄了个虚拟主机来放我们班的班级博客,后来突发奇想,想弄它个相册,正好电脑里存了几张班里同学照的照片
于是,说干就干
下载地址
https://github.com/zzd/photo-page-for-typecho/tree/2.0
命令: git clone https://github.com/zzd/photo-page-for-typecho.git
复制上面这串代码在你的命令提示符里就可以了,当然,前提是你电脑里安装了git
当然我建议从这里下载
https://github.com/zzd/photo-page-for-typecho/releases/tag/2.0
image-20201012235748196
官方Readme
photo page for typecho
中文 / English
typecho相册单页模板,单页模板非主题,可与主题共存!基于HTML5UP开发设计的静态单页,觉得好看,便整合到typecho里面,实现了动态管理。本项目仅需安装一个php文件,静态资源全球jsDelivr加速,使用方便简单。2.0版本引入了两个相册主题Multiverse和Lens,可自行选择。
在线演示(前端官方样式参考,非本项目demo):
https://html5up.net/uploads/demos/lens/
https://html5up.net/uploads/demos/multiverse/
安装
点击下载最新版本
将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,给相应字段填入链接即可。
两种风格
您好我是www.sunskr.com,博主
我更换了域名,麻烦更新一下友联信息!
——————————
名称:Sun's Blog
介绍:总会有温柔的人愿意站在你能看见的地方。
网站链接:https://www.224er.com
图标:https://cdn.224er.com/tx.png