Giter VIP home page Giter VIP 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

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.