效果预览
前言
最近在北京旅游,拍了许多照片。
然后最近整理照片的时候发现我拍了好多好康滴风景!
突发奇想,想做个相册存着。
然后呢,博客就多了这个页面
实现
我使用的是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.png
天安门,ShotByFrk,https://example.com/Tiananmen.png
北京南站,ShotByFrk,https://example.com/PeikingNan.png
小贴士
模板使用JsDelivr来分发静态资源。
但是大部分情况可能会连不上。。
个人建议把这些放服务器上。
在这里改一下就可以了
f
1