主题特性总览
夜法之书定制版 matery 主题在经典 matery 基础上深度魔改,融合了 Fluid/Butterfly 等主题的架构理念。以下是核心特性速览,点击链接查看详细用法。
内容展示
- 布局与页面:文章上下篇导航、版权声明、时效提示、TOC 目录、广告位;相册、影视、留言、友链等独立页面 → 布局与页面
- Tag 插件全家桶:便签 note、时间线 timeline、标签页 tabs、GitHub 卡片、Mermaid 图表、PDF 嵌入、微信对话卡片等 15+ 插件 → Tag 插件
- Markdown 扩展:数学公式 MathJax、脚注、任务列表、表格增强、容器 admonition、中文排版、emoji → Markdown 扩展
- 写作规范:Front-matter 字段、摘要截断、图片引用规范 → 编写方法
交互体验
- 代码块增强:行号、一键复制、展开收起、滚动渐变提示 → 交互
- 图片灯箱 lightGallery、打字机 Typed 标题、页面特效(樱花/水波/雪花/彩带)、繁简转换
- 阅读进度条 / 返回顶部、打赏弹窗、打印样式
- 音乐播放器 APlayer、视频播放器 DPlayer、Bilibili 卡片、ECharts 图表
搜索与评论
- 三引擎搜索:Local(本地)+ Algolia + Pagefind,Ctrl+K 唤出
- 评论系统:Waline(启用)/ Valine,含评论数统计
视觉与主题
- 暗色模式:CSS 变量三层架构(config → Stylus → CSS var),明暗自动适配 + 手动切换
- Live2D 看板娘:Cubism2/Cubism5 双运行时,纯静态模型
- Masonry 瀑布流 + AOS 滚动动画 + Infinite Scroll 无限加载
- 图片懒加载:统一 handleCard 架构(img/bg-lazy/data-lazy-src 三分发 + 重试防白屏)
安全与功能
- 文章加密:按标签密码加密,hexo-blog-encrypt 驱动 → 布局
- RSS / 站点地图:Atom/RSS/JSON 三格式 Feed + 百度/Google sitemap
- PWA:Service Worker 离线缓存 + 版本化资源
- 多语言:Wiki 系统支持多语言(URL 前缀 /en/ + 回落机制)→ 多语言
部署与性能
- CDN 加速:jsdelivr + 资源版本号(
?v=x.y.z)自动注入 - 资源压缩:hexo-minify 全量压缩 JS/CSS/HTML
- 图片优化:WebP 格式 + weserv 代理裁剪
- CI/CD:tools/cicd.sh 一键发布(版本号/tag/CDN purge 全自动)→ 部署