Typecho 多布局样式相册主题 MdPhoto

主题简介

MdPhoto for Typecho是由泽泽编写的Typecho相册主题，主题后端基于Typecho编写，前端基于MDUI框架，以及fancybox，masonry，infinite-ajax-scroll，jr-qrcode等第3方库。

布局样式

常规布局

瀑布流布局

主题使用

作者提供的演示站
http://photo.zezeshe.com/

测试账号：test 密码：test123456

教程：https://www.yuque.com/qqdie/mdphoto

安装主题

• 在合适的运行环境中安装 Typecho 博客程序；
• 将主题包解压到 Typecho 目录下的/usr/themes中，保持主题目录名为mdphoto；
• 到 Typecho 后台管理控制台 > 外观 > 可以使用的外观中启用主题；
• 主题不需要也无需安装任何插件。

主题设置

在后台控制台中点击外观，然后找到上传的主题启用，然后点击设置外观即可找到主题设置，在主题设置里我们可以设置一些拓展功能。

上传设置

支持上传logo与网站icon。

公告

可填写需要公告的内容，填写后将在首页顶部显示。

每页文章数量

我们可以设置文章列表页，每页加载的文章数量，根据主题样式这里是12的倍数比较好，所以默认规定的可选项都是12的倍数，一般推荐36及以下比较好。（免费版是在typecho后台阅读设置里手动填写的）

文章内分页

可以设置个图片数量，然后文章就会根据这个图片数量进行分页。（需要主题在1.3.7及以上版本）

全局图片宽高比

这里可以设置文章列表页所有图片的默认比例。

模式选择

• ● 常规模式：常规模式就是列表页按照全局图片宽高比的比例显示图片，非常规整。
• ● 瀑布流：所有图片按照图片本身的宽高比例进行显示。
• ● 无尽模式：常规模式的一个变种，就是将相册内的图片全部在首页和分类页内进行展示，此模式下将不会显示文章类型内容，此模式主要用于相册太少时撑撑场面，平常不建议使用此模式

全局相册阴影深度

这里给了0~24的值，选择的数值越高图片阴影越大，为0则没有阴影，这里默认值为8，推荐选择12及以下的数值。

大天朝身份认证

填写 ICP 备案号，程序会自动帮你加超链接的，留空则不显示。

统计代码

填写cnzz或者百度等相关平台的统计代码，填写后该内容在页面上是隐藏状态的，单代码也生效。

gravatar头像源

可以选择gravatar头像的不同加载源，就是评论的邮箱头像。

自定义css

自主题1.7.1版本后台设置可以为主题添加自己写的css样式，比如在里面填入下方代码即可实现鼠标移入图片乱蹦效果

.hovertop:hover {
  -webkit-animation:sucaijiayuan 1s .1s ease both;
  -moz-animation:tada 1s .1s ease both;
}

@-webkit-keyframes sucaijiayuan {
  0% {
  -webkit-transform:scale(1)
}

10%, 20% {
-webkit-transform:scale(0.8) rotate(-2deg)
}

30%, 50%, 70%, 90% {
  -webkit-transform:scale(1.1) rotate(2deg)
}

40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-2deg)
}

100% {
  -webkit-transform:scale(1) rotate(0)
}  

自定义字段

在发布文章页面下自定义字段处，有几个拓展选项。

模式选择

相册：当我们想发布相册时就勾选它，不选默认也是它
文章：当我们想发布一篇文章内容是就勾选它

图片宽高比

设置文章内的图片在前台展示时的宽高比，瀑布流模式下此项无效。

自定义封面图

此处填写图片地址，即可自定义文章的封面图，不填则自动抓取文章第一张图片。

阅读次数

主要用于统计文章阅读数量，不填即可，如果想自定义文章阅读数，可以修改成自己想要的数值。

会员可见

如果您安装了Tepass插件，那么就会自动出现个会员可见的设置项，可以设置从第几张图片开始需要用户办理会员才能观看

隐藏/加密文章

撰写(管理)文章/页面 > 高级选项
这里可以设置文章/页面的公开度，文章可选公开、密码保护、隐藏、私密、待审核五种状态，其中设置为密码保护时，前台将显示加密封面；页面可选公开和隐藏状态。

文章中插入iframe视频

在文章中插入iframe视频时，将iframe改成xiframe即可自动将视频16:9