主题简介

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可以空缺