简介
透亮、模糊、悬浮。在扁平化设计大行其道的今天,我们尝试引入物理世界的光影质感。Glaze 以“Liquid Glass”为设计语言,通过背景模糊与半透明层叠,构建出极具深度的视觉层级,让内容仿佛悬浮于流光溢彩之上。
Glaze for Typecho,由
欧文斯 精心打造。它不仅仅是一个皮肤,更是全站无刷新(Pjax)技术与现代前端美学的结晶。内置语音助手、智能骨架屏与代码高亮,界面通透灵动,自适应各种终端,为你的博客带来丝滑般的访问体验。
主题演示站点:
Glaze for Typecho 演示站
主题更新日志:
Glaze for Typecho 更新日志
主题下载地址:
Glaze for Typecho 源码下载
主题配置指导:
Glaze for Typecho 配置指导
亮点
全站 PJAX 与骨架屏技术
采用全站无刷新 Pjax 技术,页面切换如丝般顺滑,告别白屏等待。独创的骨架屏(Skeleton Screen)加载动效,在内容加载前展示优雅的占位动画,极大提升用户感官体验,降低跳出率。
内置 TTS 语音小助手
无需第三方插件,主题内核集成 TTS(Text-to-Speech)语音合成技术。支持自动将文章内容转化为语音朗读,悬浮球控制播放,释放访客双眼,聆听网站的与众不同,打造沉浸式听书体验。
多样化独立页面模板
内置多种高质量独立页面模板:支持私密互动的“留言板”、记录生活点滴的“碎碎念”、回顾过往的“时光机”以及展示摄影作品的“相册模式”。每个模板都经过精心适配,完美契合毛玻璃设计风格。
Google 安全浏览检测
集成 Google Safe Browsing API,自动检测文章中的外部链接安全性。当访客点击外链时,自动进行风险评估并展示中间跳转页,有效拦截恶意软件与钓鱼网站,为访客的安全保驾护航。
细节打磨与交互优化
从智能吸顶的导航栏,到点击时的粒子迸发特效;从自动生成的 SVG 懒加载占位符,到 Prism 代码高亮。Glaze 在每一个交互细节上都追求极致,既有颜值,更有内涵。
功能
说明
Glaze for Typecho 旨在探索现代 Web 设计的可能性。我们放弃了传统的色块分割,转而使用光影与层级来构建界面。自发布以来,我们持续优化 Pjax 的兼容性与动画性能,致力于提供一个既美观又高效的博客解决方案。
- 启用主题:下载
Glaze for Typecho主题,并解压到网站
/usr/themes/目录下,确认目录名为
glaze,然后
Typecho后台主题管理界面启用即可;
- 页面设置:新建独立页面,并在右侧“自定义模板”中选择对应的模板(如:跳转页、留言板、碎碎念等)以激活完整功能;
- 参数配置:进入外观设置面板,填入必要的 API Key(如 Google Safe Browsing),自定义背景图与 Logo,即可达到演示站效果。
提示:使用本主题建议开启服务器的伪静态功能,以获得最佳的 URL 体验。主题内置了多种缓存机制(如 TTS 音频缓存、图片尺寸缓存),请确保目录具有写入权限。
更详细的功能配置指导参见《Glaze for Typecho 功能配置指导》。
帮助
VIP 计划
为了支持 Glaze 的持续开发与维护,我们开启了 VIP 计划。加入计划,您将获得以下权益:
- 获取 Glaze 主题最新源码;
- 优先体验新功能(如更多拟态组件);
- 一对一技术支持与 Bug 修复;
- 专属的个性化定制建议;
加入方式:扫描下方微信打赏二维码支持 55.55 元:
然后扫描下方二维码添加博主微信,备注“Glaze VIP”即可:
后续关于主题配置、魔改的问题都可以直接通过微信联系博主。
- Glaze 主题将持续迭代,不仅修复已知问题,更会紧跟设计潮流引入新特性,VIP 成员将享有永久更新权。
技术支持
使用中若需帮助,可以通过下列方式与我们取得联系:
Close