luci-theme-neobird 使用教程

luci-theme-neobird 使用教程

luci-theme-neobird 一个专门针对移动端优化的OpenWRT主题，基于luci-theme-material，全新的登录界面，沉浸式Webapp体验。 项目地址: https://gitcode.com/gh_mirrors/lu/luci-theme-neobird

1. 项目介绍

luci-theme-neobird 是一个专门针对移动端优化的 OpenWRT 主题，基于 luci-theme-material 开发。该主题提供了全新的登录界面和沉浸式 Webapp 体验，特别适合在手机端作为 Webapp 使用。主要特点包括：

• 针对移动端优化：特别适合手机端作为 Webapp 使用。
• 视觉统一：修改了很多细节，尽量使视觉统一。
• 极简易用设计：移动端去除繁杂信息，隐藏了提示信息。
• 简洁的登录界面：底部导航栏，类 App 的沉浸式体验。
• 适配深色模式：适配系统自动切换。
• 全新 APP 桌面图标：Retina 图片适配。

2. 项目快速启动

2.1 克隆项目

首先，克隆 luci-theme-neobird 项目到本地：

git clone https://github.com/thinktip/luci-theme-neobird.git

2.2 编译安装

进入 OpenWRT 的 lede 目录，并执行以下命令进行编译和安装：

cd lede/package/lean
rm -rf luci-theme-neobird
git clone https://github.com/thinktip/luci-theme-neobird.git
cd ~/lede/
make menuconfig # 选择 LUCI->Theme->Luci-theme-neobird
make -j1 V=s

2.3 启用主题

编译完成后，在 OpenWRT 的 Web 管理界面中，进入 System -> System -> Language and Style，选择 luci-theme-neobird 并保存。

3. 应用案例和最佳实践

3.1 移动端 Webapp 体验

在移动端（如 iOS/iPadOS）浏览器中打开 OpenWRT 管理界面，点击“添加到主屏幕”即可将管理界面作为 Webapp 使用。

3.2 深色模式适配

luci-theme-neobird 支持深色模式，并且可以自动适配系统的深色模式设置。用户无需额外配置，即可享受一致的视觉体验。

3.3 沉浸式体验

为了实现完全的沉浸式体验（无浏览器导航、无地址栏等），建议使用 SSL 证书。用户需要自行申请域名、证书，并安装启用。

4. 典型生态项目

4.1 luci-theme-material

luci-theme-neobird 基于 luci-theme-material 开发，luci-theme-material 是一个广泛使用的 OpenWRT 主题，提供了丰富的自定义选项和良好的用户体验。

4.2 luci-theme-design

luci-theme-design 是基于 luci-theme-neobird 二次开发的另一个主题，针对移动端和 PC 端进行了进一步优化，提供了更流畅的体验。

通过以上步骤，您可以快速上手并使用 luci-theme-neobird 主题，享受其在移动端和 PC 端的优秀体验。

luci-theme-neobird 一个专门针对移动端优化的OpenWRT主题，基于luci-theme-material，全新的登录界面，沉浸式Webapp体验。 项目地址: https://gitcode.com/gh_mirrors/lu/luci-theme-neobird