lumina深色玻璃

lumina

一个面向 Typecho 的深色玻璃拟态博客主题：本地壁纸轮播、动态 Hero、渐进增强式文章浮层、原生评论、快捷搜索与本地音乐播放集成于一体。

演示

在线预览

下载

特性

• Liquid Glass 视觉：深色旷野风、玻璃质感卡片、流光背景与响应式布局。
• 本地背景轮播：自动扫描 assets/images/backgrounds/；每次加载随机选择初始壁纸，并在前端交叉淡入淡出轮播。背景目录为空时自动使用 CSS 渐变兜底。
• 首页 Hero：可在后台配置主标题、简介与逐字输入/删除的轮播短句。
• 渐进增强式文章阅读：从首页打开文章时使用浮层阅读与 History API；直接访问文章链接、搜索引擎抓取或 JavaScript 不可用时，仍由 post.php 输出完整文章页面。
• 原生搜索和评论：支持搜索弹窗、嵌套评论、原生回复锚点与移动端适配。
• 本地头像和音乐：头像与音乐文件均从主题目录自动扫描；音乐仅在访客主动点击播放按钮后加载和播放。
• 社交链接配置：后台按行配置链接，可使用 Simple Icons 图标名或自定义图标 URL。
• 键盘操作：Ctrl + K（macOS 为 ⌘ + K）打开/关闭搜索；Esc 关闭搜索或文章浮层。

环境与依赖

• 一个可正常运行的 Typecho 站点，并支持标准主题模板接口。
• PHP 需要具备读取主题目录的权限，以便扫描本地背景、头像和音频。
• 页面会从以下公共 CDN 加载前端资源：Tailwind CSS、Lucide Icons、Google Fonts；社交图标默认通过 Simple Icons CDN 加载。若站点处于离线或严格 CSP 环境，请自行改为本地资源。

开源地址

https://github.com/lntomF/typecho-theme-lumina