MdPhoto for Typecho是由泽泽编写的Typecho相册主题,主题后端基于Typecho编写,前端基于MDUI框架,以及fancybox,masonry,infinite-ajax-scroll,jr-qrcode等第3方库。
常规布局
瀑布流布局
- 在合适的运行环境中安装 Typecho 博客程序;
- 将主题包解压到 Typecho 目录下的/usr/themes中,保持主题目录名为mdphoto;
- 到 Typecho 后台管理控制台 > 外观 > 可以使用的外观中启用主题;
- 主题不需要也无需安装任何插件。
在后台控制台中点击外观,然后找到上传的主题启用,然后点击设置外观即可找到主题设置,在主题设置里我们可以设置一些拓展功能。
支持上传logo与网站icon。
可填写需要公告的内容,填写后将在首页顶部显示。
我们可以设置文章列表页,每页加载的文章数量,根据主题样式这里是12的倍数比较好,所以默认规定的可选项都是12的倍数,一般推荐36及以下比较好。(免费版是在typecho后台阅读设置里手动填写的)
可以设置个图片数量,然后文章就会根据这个图片数量进行分页。(需要主题在1.3.7及以上版本)
这里可以设置文章列表页所有图片的默认比例。
- ● 常规模式:常规模式就是列表页按照全局图片宽高比的比例显示图片,非常规整。
- ● 瀑布流:所有图片按照图片本身的宽高比例进行显示。
- ● 无尽模式:常规模式的一个变种,就是将相册内的图片全部在首页和分类页内进行展示,此模式下将不会显示文章类型内容,此模式主要用于相册太少时撑撑场面,平常不建议使用此模式
这里给了0~24的值,选择的数值越高图片阴影越大,为0则没有阴影,这里默认值为8,推荐选择12及以下的数值。
填写 ICP 备案号,程序会自动帮你加超链接的,留空则不显示。
填写cnzz或者百度等相关平台的统计代码,填写后该内容在页面上是隐藏状态的,单代码也生效。
可以选择gravatar头像的不同加载源,就是评论的邮箱头像。
自主题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插件,那么就会自动出现个会员可见的设置项,可以设置从第几张图片开始需要用户办理会员才能观看
隐藏/加密文章
撰写(管理)文章/页面 > 高级选项
这里可以设置文章/页面的公开度,文章可选公开、密码保护、隐藏、私密、待审核五种状态,其中设置为密码保护时,前台将显示加密封面;页面可选公开和隐藏状态。