给你的Typecho增加一个相册~

效果预览

前言

最近在北京旅游，拍了许多照片。
然后最近整理照片的时候发现我拍了好多好康滴风景！
突发奇想，想做个相册存着。
然后呢，博客就多了这个页面

实现

我使用的是photo_page_for_typecho这个模板。
用独立页面来实现这个功能.
它提供了两种模板(来自HTML5UP)
在线演示(前端):
https://html5up.net/uploads/demos/lens/
https://html5up.net/uploads/demosultiverse/
可以自由选择。

Github链接：https://github.com/zzd/photo-page-for-typecho

第一步先下载,git clone 或者releases都可以
然后把Multiverse.php和Lens.php放到你目前主题的目录
比如默认模板就是/usr/themes/default
然后登录Typecho后台->管理->独立页面->新增->自定义模板
选择你喜欢的模板就可以了

调用

写到正文里就可以了
格式:

标题,简介,图片链接

比如说:

天坛,ShotByFrk,https://example.com/Tiantan.webp
天安门,ShotByFrk,https://example.com/Tiananmen.webp
北京南站,ShotByFrk,https://example.com/PeikingNan.webp

小贴士

模板使用JsDelivr来分发静态资源。
但是大部分情况可能会连不上。。
个人建议把这些放服务器上。
在这里改一下就可以了

可以来看看我的~