Typecho 多布局样式相册主题 MdPhoto

Typecho维基君 • 主题列表 • 1572次浏览 • 发布 2023-06-17 • 更新 2023-06-17 • 立即下载

主题简介

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)
}