玩NAS的朋友应该对导航页都不陌生，无论是安装各类套件或Docker应用，安装的多了以后都会面临如何快速找到应用的问题，一般来说无非三种方案：好记性、收藏夹或导航页。前面2种就不必多说了，大家都懂，今天就介绍一个导航页应用：Dashy，希望对你有用。
Dashy 是一款非常酷炫&复杂的面板系统（不单单是导航页），科技感十足，目前在Github上有12.8k的Star，并且在快速迭代中，安装官方的说法，其主要有以下特性：
📃 支持多个页面
🚦 实时监控每个应用程序/链接的状态
📊 使用小组件显示来自自承载服务的信息和动态内容
🔎 按名称、域或标签即时搜索 + 可自定义的热键和键盘快捷键
🎨 许多内置颜色主题，具有UI颜色编辑器并支持自定义CSS
🧸 许多图标选项 - 字体真棒，家庭实验室图标，自动获取网站图标，图像，表情符号等。
💂 具有多（人）用户访问权限、可配置权限和 SSO 支持的可选身份验证
🌎 多语言支持，提供 10+ 种人工翻译语言，以及更多内容
☁ 可选、加密、免费的异地云备份和还原功能
💼 工作区视图，用于同时在多个应用程序之间轻松切换
🛩️ 最小视图，用作快速加载的浏览器起始页
🖱️ 选择应用启动方法：新选项卡、相同选项卡、剪贴板、弹出模式或在工作区视图中打开
📏 可定制的布局、大小、文本、组件可见性、排序顺序、行为等。
🖼️ 全屏背景图像、自定义导航栏链接、HTML 页脚、标题等选项。
🚀 使用 Docker 或裸机或一键式云部署轻松设置
⚙️ 基于 YAML 的简单单文件 配置，以及通过 UI 配置应用的选项
✨ 正在积极开发中，定期进行改进和添加新功能
🤏 小捆绑包大小、完全响应式 UI 和用于基本脱机访问的 PWA
🆓 100%免费和开源
🔐 高度关注隐私
🌈 并加载更多...
老规矩，笔者使用Docker来部署，无非是三板斧：准备、安装和配置，下面逐步介绍：
准备工作
创建应用目录，例如在/share/Container下创建文件夹dashy
在dashy文件夹下再创建
confi.yml文件，空文件即可NAS上安装好docker-compose
安装Dashy
第一步、 在/share/Container/dashy文件夹下创建文件compose.yml，
第二步、 并将下面内容复制粘贴到compose.yml中，保存：
version: "3.8"services: dashy: image: lissy93/dashy:latest container_name: dashy restart: unless-stopped network_mode: bridge environment: - PUID=1000 - PGID=100 - TZ=Asia/Shanghai volumes: - /share/Container/dashy/conf.yml:/app/public/conf.yml ports: - 5006:80
参数说明
第三步、 在NAS的SSH中，切换到dashy文件夹下，执行下面命令启动：
docker-compose up -d
第四步、 等待应用启动完成后，打开WebUI
在浏览器中输入NAS的IP+端口，例如：192.168.31.91:5006
首次打开后会显示No Data Configured，表示还没有配置任何信息。首页右上角有很多按钮，可以设置页面的主题、布局、尺寸以及详细的配置。
配置Dashy
从官方的介绍中可以看到，Dashy除了常规的应用导航外，还支持应用状态检测，也就是定期检查应用是否正常；当然还支持各种各样的小部件，比如时间、日期、天气、CPU利用率、硬盘使用情况、网络使用情况、汇率、股价、新闻头条等等，可谓五花八门。
Dashy的所有应用配置均在 /public/conf.yml 文件中，我们可以直接对此文件进行更改，也可以通过 WebUI进行更改。在WebUI中，有支持UI JSON 编辑器和UI 可视化编辑器两种方式，可谓面面俱到（也超级复杂），同时也支持导出，备份，重置，验证和下载配置文件。下面在WebUI中进行操作。
1、设置中文
首先，先把界面改成中文，方便我们后续的配置（折腾）。点击右上角Config小面的小扳手🔧图标，进入设置界面：
然后可以看到Change App Language按钮，直接点，在弹出框中选择简体中文，并点击保存按钮
然后，界面就直接编程中文了，不过目前看还有很多地方没有正常汉化。如果没有正常生效，点一下重建应用按钮，需要等待一段时间才行。
2、设置身份验证
Dashy默认是没有任何身份验证的，如果开放到公网上，还是有必要把身份认证开启。Dashy的身份认证方式非常全面（也很复杂），目前支持3类认证方式：
Basic Auth
Keycloak Auth
Alternative Authentication Methods
好吧，笔者真是佩服Dashy的开发者，简直是面面俱到。本文我们就简单介绍下第一种Basic Auth的用法，另外两种就当不存在吧！
前面提到过，Dashy的所有配置都存储在conf.yml文件里，Basic Auth的相关信息自然也是写在这个文件里，可以直接到文件里写，我们也可以在WebUI上操作：
首先， 打开设置，点击编辑设置，进入配置文件编辑界面，就是UI JSON 编辑器:
第二步、 添加用户配置
用户配置在appConfig/auth/users节点下，例如：
appConfig: auth: users: - user: alicia hash: 4D1E58C90B3B94BCAD9848ECCACD6D2A8C9FBC5CA913304BBA5CDEAB36FEEFA3 type: admin
参数说明：
user： 用户名
hash： 使用SHA-256 哈希后的密码
type： 用户类型，admin为管理员，normal为普通用户
在编辑器中展开appConfig节点，在其以后一个子节点前面点击一下，会弹出菜单，点击追加，类型设置为对象
按照上面的方法，继续在auth节点下增加一个数组类型的节点users，并在users下面增加一个user对象，例如下面的：
关于hash，可以自行百度SHA256在线工具，随便找一个，将明文密码加密后，复制下来粘贴到上面的配置界面中即可：
第三步， 保存配置，点击保存变更按钮
第四步， 刷新浏览器，此时就会跳转到登录界面了，用上面设置的用户名和密码登录即可
3、配置应用
Dashy中用来放置应用或组件的模块称为Section，可以理解为一个容器，支持调整大小和布局。所以，要配置应用，首先要创建一个Section
第一步， 点击添加新的Section，然后填写名称、icon、排序方式、行列数量等，然后保存
Dash支持通过多种方式设置图标，主要包含以下类型：
网站图标 - 自动从其图标或徽标图像中获取应用程序图标
图标包 - 使用字体真棒，简单图标或材料图标中的任何图标
表情符号 - 任何有效的表情符号都可以用作图标
生成式 - 自动生成的独特图像，可轻松识别服务
URL - 传入任何有效图像的 URL 以提取和呈现它
本地 - 在本地存储自定义图像并按文件名引用
Homelab 图标 - 使用仪表板图标作为常见自托管服务的徽标
第二步， 创建好Section之后，店家Section里面的Add New Item，来添加一个应用程序
可以设置名称、描述、icon、地址、打开方式等等，当然还有很多字段可以填，此处就不展开了，填完后记得保存。
总结
除了添加自定义的应用外，还可以在Section中添加各种小组件，感兴趣的朋友可以到Github官网去看看文档，比较繁琐，本文就不展开了。
另外，笔者在测试过程中也发现一些比较严重的BUG，比如有时保存Section会报错，目前也不知道原因，期待后续开发者能够修复。总体来说这个项目可玩性还是非常高的，强烈推荐喜欢折腾的朋友尝试。
下面看看设置完成后的效果，还是相当惊艳的！
移动端的兼容也不错
以上就是关于Dashy的简单安装和配置过程，原创不易，如果觉得此文对你有帮助，不妨点赞+收藏+关注，你的鼓励是我最大的动力！
