LifeSystem 导航主题 · 分类:导航主题

把导航首页
做成一整块液态玻璃

MacGlass 用 macOS 桌面窗口与 iOS 玻璃小组件重做导航页:桌面壁纸、毛玻璃窗口、Dock、聚焦搜索与桌面组件一次到位。不建表、不改宿主文件,启用即生效。

适用 LifeSystem v3.18.7+ 单插件 · 不建数据表 PC / 移动端 双端适配 支持 深色模式
MacGlass 导航
设计资源常用站点效率工具开发文档
19:18
常用站点
导航分组
常用站点 设计资源 效率工具 开发文档 最新文章
常用站点12 项
GGitHub代码托管
FFigma设计协作
NNotion知识库
DDribbble设计灵感
VVercel部署平台
AApple官方站点
CCloudflareCDN
SStripe支付
PPexels图库
MMDN前端文档

界面为样式示意,实际内容来自站点的公共标签库、文章、书库与域名模块

它解决什么问题

导航页不该只是「一排卡片」

默认导航主题干净但普通:分组、搜索、链接都要有,却很难让访客记住。MacGlass 保留全部功能,同时把整页做成一个有层次、有光线、有触感的桌面。

01

第一眼就不同

极光渐变壁纸 + 液态玻璃窗口 + 悬浮光斑,把导航首页变成可浏览的「桌面」,而不是一张平铺的列表。

02

功能一个不少

分组分页、站内搜索、外部搜索引擎、文章、书库、域名、米友、联系方式全部保留,并遵守后台模块开关。

03

装完就能用

不建数据表、不写宿主文件、不需要配置项也能直接启用;外观偏好存在访客本机,随时可还原。

核心功能

八件事,做得刚刚好

所有交互都不依赖第三方库,单文件主题即可运行;后台可配置关键外观,访客也能临时微调。

macOS 桌面窗口

菜单栏、红黄绿交通灯、窗口标题栏与分页圆点,还原桌面级层次。

玻璃桌面组件

时钟、日期、灵感一言、站点概览与公告卡片,可逐项开关。

聚焦搜索

全屏毛玻璃搜索层,实时过滤站点与内容,方向键选择、回车打开。

控制中心

深色模式、壁纸、图标风格、列数与模糊强度,下拉即调。

分组分页

一个分组一屏,侧栏、胶囊与圆点三种切换方式,支持触屏左右滑动。

Dock 快捷栏

分组与系统入口常驻底部,悬停放大,桌面与手机各有形态。

四种图标风格

渐变、高保真拟物、扁平通透、官方纯色,一键切换。

外观与偏好

跟随系统 / 浅色 / 深色,壁纸、模糊、列数、圆角、动效全部可调。

双端形态

桌面是窗口,手机是主屏

同一套主题在 PC 呈现 macOS 桌面,在移动端切换为 iOS 主屏:状态栏、玻璃卡片、横向分页与底部 Tab Bar。

PC · macOS 桌面≥ 769px
MacGlass
19:18
常用站点
常用站点 设计资源 效率工具
常用站点12 项
GGitHub
FFigma
NNotion
DDribbble
VVercel
AApple
CCloudflare
PPexels
移动端 · iOS 主屏≤ 768px
19:18•••
19:1810月22日 星期三
常用站点设计资源效率工具
GGitHub
FFigma
NNotion
DDribbble
VVercel
AApple
CCloudflare
PPexels
配色方案

四种壁纸,一种材质

壁纸决定光线的颜色,玻璃材质保持一致:半透明底色、模糊、饱和度提升与 1px 高光描边。

极光薰衣草紫 + 天蓝 + 薄荷绿
暮色藕粉 + 暖橙 + 淡紫
薄荷青绿 + 天蓝 + 月白
石墨中性灰 + 冷蓝,低饱和
安装与启用

四步上线,不需要改代码

MacGlass 是标准 LifeSystem 主题插件,通过插件市场安装,在「主题管理」启用。

获取插件

在插件市场找到「MacGlass 玻璃导航主题」,完成获取或购买。

安装插件

点击安装,等待客户端下载并校验包体,安装完成后插件出现在「我的插件」。

启用主题

进入后台左侧 主题管理,在 MacGlass 卡片上点「启用此主题」。

按需微调

点卡片上的「主题设置」调整品牌名、壁纸、模糊、图标风格与桌面组件。

后台可配置

品牌名称、强调色、外观模式、壁纸方案、玻璃模糊、图标风格与圆角、每行列数、桌面组件开关、公告与自定义一言。保存写入插件目录内的 theme_options.json,不碰数据库。

访客可临时调整

右上角控制中心与 Dock「设置」可切换深色模式、壁纸、图标风格、列数与模糊强度;偏好保存在访客本机 localStorage,随时可清除,不影响其他访客。

规格与兼容

轻量、克制、可回退

适用产品LifeSystem(lifesystem)公开导航首页
最低版本v3.18.7(低于此版本主题不生效,但不报错、不白屏)
插件分类导航主题(已声明 theme.scope = landing)
数据表不创建 · 设置仅存插件目录内 JSON
前台资源CSS / JS 内联输出,不依赖插件目录被公网映射
搜索契约保留 .search-box 与 #searchInput,热搜类插件可正常插入
SEO不输出 title / keywords / description,沿用后台 SEO 设置
统计不替换 布局,head.meta 埋点由宿主正常注入
模块开关遵守 文章 / 书库 / 域名 / 米友 / 联系方式开关
点击统计使用 lifesystem_nav_jump_url(),GO 链点击量正常累计
包体积约 150 KB(远低于 20 MB 客户端上限)
常见问题

你可能想先知道

启用后会影响站点 SEO 或统计代码吗?

不会。主题只接管导航首页的页面主体,不输出 title、keywords、description,也不替换宿主布局。「head.meta」挂载点仍在公共布局里,统计脚本正常注入。

我的分组、文章、域名数据会自动展示吗?

会。主题直接调用宿主的惰性查询函数读取公共标签库、文章、书库、域名、米友与联系方式,并按后台模块开关与排序显示。没有数据时展示空状态提示。

不想显示某个小组件怎么办?

后台「主题设置」可关闭时钟、灵感、站点概览、公告;访客也可以在「设置 → 桌面组件」里单独关闭,偏好仅保存在本机。

支持深色模式吗?

支持。默认跟随系统,也可在后台固定为浅色或深色;访客可在控制中心临时切换。深色下玻璃变为深空灰底 + 亮描边,文字自动反白。

手机上显示正常吗?

移动端自动切换为 iOS 主屏形态:状态栏、玻璃时钟卡片、搜索胶囊、横向分组胶囊、四列图标网格与底部玻璃 Tab Bar,并支持左右滑动切换分组。

如何恢复默认主题?

后台「主题管理」页点「恢复默认主题」即可;停用或卸载插件也会自动回退,不会留下死链。访客本机偏好可在控制中心设置里一键清除。

会和热搜、采集等其它插件冲突吗?

不会。主题保留了 .search-box 与 #searchInput 两个生态锚点,热搜类插件可正常定位插入位;所有样式使用 mg- 前缀,避免污染其它插件。

版本记录

持续打磨

1.0.0
首个正式版本2026-10-22

macOS 桌面 + iOS 主屏双端布局;液态玻璃材质与四种壁纸;聚焦搜索、控制中心、设置面板;四种图标风格;分组分页与触屏滑动;长按/右键图标菜单;后台主题设置页。

让导航首页,成为站点最像「产品」的一页

安装 MacGlass,在主题管理里一键启用。不需要改一行宿主代码,也不影响已有插件与统计数据。

MacGlass · 液态玻璃导航主题
适用 LifeSystem v3.18.7+ · 插件分类:导航主题 · 版本 1.0.0
界面示意由 CSS 绘制,实际效果以站点内容与后台设置为准