搜索内容

博客主题 Typecho
更新于 2026-11-12

MaterialDesign高颜值模板

MaterialDesign 主题按 Material 规范设计,侧栏设置项较丰富。

免费
  • 兼容Typecho 1.2+
  • 授权免费下载(授权以原作者说明为准)

主题截图

MaterialDesign高颜值模板 主题截图

主题介绍

文章目录5 节

主题定位

MaterialDesign 按 Material 设计规范来做,卡片、阴影与动效都遵循同一套规则。它适合希望页面统一、有现代感的博客,视觉语言比较明确。放大与点按的反馈都有对应处理,交互不显得生硬。

设计风格

卡片承载主要内容,层次靠阴影与高度差表现,页面看起来有立体感。配色跟随规范里的强调色,按钮与图标的处理统一,整体观感规整、辨识度高。

功能与细节

  • 遵循 Material 设计规范,视觉语言统一
  • 卡片式布局,内容层次通过阴影区分
  • 侧边栏提供多组设置,可按需调整
  • 页面组件风格一致,扩展时不易失衡

适用场景

注重界面统一感的个人博客、作品展示型站点,以及偏好现代设计语言的站长。需要大量卡片式内容陈列的页面也合用。

安装与启用

把解压后的主题文件夹上传到 usr/themes,登录后台在「控制台 → 外观」中选择 MaterialDesign 启用。启用后可进入侧栏设置调整配色与模块显示;模块较多时只保留高频入口,页面会更利落。卡片圆角与阴影都跟随同一套规范,改动一处会同步影响全局。