Typecho 又一款Google Material风格主题 material

主题简介

New Material 是一款遵循 Material Design 的 Typecho 主题

这又是一款基于Google Material风格的Typecho主题,好像Typecho还有另外一款也是基于Material开发的主题,改天我找找看,这款主题是由 PolyQY 投稿的主题。

主题预览

主题特性

遵循Google Material Design标准

  • 响应式设计,根据访问设备分辨率的不同显示不同的样式
  • 无JQuery,全部采用MDUI内置方法
  • Vanilla-Lazyload 首页缩略图“懒加载”
  • 全站 PJAX 无刷新技术
  • 压缩HTML,CSS 高速加载
  • 非插件实现访客数量统计,使用cookies验证,使用自定义字段储存计数器,不修改数据库,高解耦。
  • Update Checker 更新检查(实验性功能,谨慎使用!)
  • 友链模板

如果帮助文档失效,或者你有使用问题,请直接在本文底部留言反馈

主题兼容性

  • PHP: 5.3+ ,仅在5.6和7.2上测试,建议使用PHP7.2
  • Database 数据库: MySQL, Sqlite3, Postgresql(只要有相应的pdo驱动)
  • Typecho: 1.0、1.1、1.1测试版(仅在typecho/master 分支上测试)
  • Browser Compatibility 浏览器兼容性: Chrome Desktop 49+ , Firefox 60+ , Safari 11.1+ , Chrome Android 67+ , Internet explorer 11(无lazyload无flexbox), Microsoft Edge 17+(无lazyload)

主题安装

  • 在Github Release页面,点击"material.tar.gz"下载,解压后将文件夹改名为 "Material"(或其他) 后上传到 /usr/themes,并启用主题。2.1.0版本引入Travis CI自动压缩css后,不建议直接clone项目,推荐在release界面下载。
  • 下载最新文件 然后覆盖原文件即可更新主题, 部分新增加的功能需要到后台开启才会生效 (建议更新后先切换为其他主题, 再切换回该主题)。否则会导致新增设置项空白。
  • 修改主题目录权限,使PHP-FPM在目录有写权限,若启用Openbase_dir也需配置允许写入主题目录
  • 首页文章概览默认最大输出80个字符, 可手动添加截断符 <!-- more --> 控制输出。
  • 若要使用Webp自适应图片,需要将解压出文件中serviceworker.js复制到网站的根目录(这是由于serviceworker作用范围的限制和typecho主题结构的特殊性),不使用则所有设备全部返回png格式的图片,注意,现有策略是全部替换请求中的.png为.webp,这意味着若png图没有对应的webp图像则会返回404
  • 若需使用PWA,请自行在网站根目录加入manifest.json文件,也可以在线生成
  • 请确保已经安装php-curl扩展,否则可能出错或无法收集错误信息,更新检测功能也不能使用(可能会导致严重问题),通常可以使用apt install php-curl等安装扩展
  • 可以在php交互模式下输入curl_init();以查看是否安装php-curl扩展
  • 更新检测并未加入任何容错和环境检查,请谨慎使用!
  • 友链模板需在管理独立页面中自定义字段设置

主题配置

Function Switch 功能开关

  • Lazyload
  • 首页两个欢迎图
  • 无插件访客统计
  • ViewCount 无插件访客统计

勾选此选项即可开始使用,注意此选项关闭时不统计数据。 此访客统计不会影响数据库结构,Typecho原生备份可以正常使用。

IconURL Icon地址

此项用于设置站点的图标,包括favicon、ios和windows桌面图标。 默认情况下主题会加载位于img/icon下的图标,设置该项后加载所设url内的/img/icon下的图标,例如:

此项填入https://www.google.com
主题将会加载https://www.google.com/img/icon/下的图标 注意!图标文件名必须与默认图标的文件名相同,否则不能加载。

Template-Links 友链模板

需要在管理->独立页面中设置自定义字段,分为link, avatar和name 三者可以有任意共同后缀 比如

'link_foo' => 'https://php.net'
'avatar_foo' => 'somewhere'
'name_foo' => 'PHP'

必须填写links和avatar, name可以空缺

广告栏+++++++蜜糖商店|大哥云| 搬瓦工JMS|红莓网络| Mielink|萌喵加速| 飞鸟云

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注