Git Product home page Git Product logo

photo-page-for-typecho's Introduction

photo page for typecho

GitHub repo size GitHub All Releases GitHub All Releases GitHub license GitHub stars

中文 / English

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

在线演示(前端官方样式参考,非本项目demo):

https://html5up.net/uploads/demos/lens/

https://html5up.net/uploads/demos/multiverse/

展示

电脑端示例

Multiverse风格 Multiverse Lens风格 Lens

特性

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

版本更新

2.0. 新增lens模板,更改整体目录结构

1.2. 修复fontawesome图标加载错误的问题,新增部分自定义字段

1.1. 重写数据读取接口,增加jsDelivr公共CDN,增加对象存储图片云处理

1.0. 初次推送

使用说明

安装

点击下载最新版本

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,给相应字段填入链接即可。

photo-page-for-typecho's People

Contributors

zzd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

photo-page-for-typecho's Issues

能否添加图片懒加载

多图时Multiverse页面会一直等待所有图片加载完成后才会显示,大佬能否改善一下

样式加载

样式第一次加载不出来,要刷新一下才可以,要加cdn才可以嘛

有群吗?作者大佬

大佬什么时候有空更新一下随机图片?就是别人看图片时刷新了页面,图片也跟着随机刷新出来

Lens风格能否展示图片全尺寸

很喜欢Lens风格
但是大部分图片因为比例问题无法展示完整图片,
目前正对非默认比例的图片是不展示多余比例部分,能否修改为缩放至展示完整图片?
或者给出接口来自己控制

感谢

能不能嵌套?

添加后发现打开是独立页面,想嵌套在主题的页面下。

给个小小意见

右边文字"相册",下来的时候固定在原地,在下方社交链接字段添加一个“返回主页” ,给个小房子ico图标
另外感谢您的慷慨无私的分享。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.