我的NAS新导航页：Dashy，简约又炫酷！

最近升级了新 NAS：绿联 DXP4800Plus。于是用 Dashy 给新 NAS 部署了一个新导航页：

之前 NAS 导航页用的 Homepage。Dashy 和 Homepage 优缺点接近：二者优点都是风格简约但信息丰富；缺点是都需要编辑 yml 文件来配置。新手上手有些难度，而且整个配置过程有点繁琐。但 Dashy 风格更加绚丽。

部署 Dashy 非常简单，通过 compose.yaml 可以通过 docker 快速部署。部署命令重点是把 icons 文件夹和 conf.yml 配置文件映射到本地（我这里把 Dashy 端口配置为 8001 ，大家可以根据实际情况修改）：

services: dashy: image: lissy93/dashy container_name: Dashy volumes: - ./conf.yml:/app/user-data/conf.yml - ./icons/:/app/user-data/item-icons/ ports: - 8001:8080 # Set any environmental variables environment: - NODE_ENV=production restart: unless-stopped

部署完成后我就来详细讲解一下 Dashy 如何配置：

准备本地图标

Dashy 可以调用在线图标，但我个人喜欢用本地的图标。我推荐去 iconfont 下载需要用到的图标（iconfont 是阿里巴巴旗下一个免费图标资源站）。下载完成后对图片进行重命名（比如 nas.png），并保存到 icons 文件夹：

之后我们在编辑 Dashy 时，只需要在 Section Icon 填写图片文件名就可以调用图标了：

添加区域 Section

部署 Dashy 第一步是添加区域 Section。点击右上角编辑按钮，进入编辑模式。然后点击“添加新的Section”：

填写名称、配置图标就可以了。额外的配置包括：Num Rows 和 Num Col 可配置区域长宽；Sort 可配置区域内连接的排序方式（点击次数、字母顺序等）：

添加链接

每个 Section 都可以在里面添加超链接，在编辑模式点击 Add New Item 就可以了：

填写链接标题、图标、链接地址就可以了，你还可以添加 Enable Status 用于检测服务是否在线（只可以检测 http 服务，不能检测 https 链接）：

添加完超链接我们如果还想进一步丰富 Dashy 的内容，可以点击右上角的 Document 参考官方文档丰富一下导航页。额外配置要通过编辑 conf.yml 来实现。首先我介绍一下如何添加 wiget。

添加控件 wiget

wiget 可抓取其他应用信息来展示。用得最多的控件是 glances 展示系统性能使用情况。首先我们部署 glances：

services: glances: container_name: glances restart: unless-stopped volumes: - /var/run/docker.sock:/var/run/docker.sock:ro ports: - 61208:61208 pid: host privileged: true environment: - GLANCES_OPT=-w - PUID=1000 - PGID=1000 - TZ=Asia/Shanghai image: nicolargo/glances:latest

然后打开 Dashy 的 conf.yml 配置文件，建议用 VSCode 这样可以确认代码是否对其（yml 文件对缩进和对其非常严格），按照官方指引添加对应的代码就可以实现不同信息展示，而我这个案例是展示时间、CPU和内存占用情况：

官方文档还有更多的配置，大家可以按需折腾。我的建议是部署一些自己需要用到的模块就可以了。Dashy、Homepage 这类导航页缺点就是第一次配置有些麻烦，但是配置好之后很好用。记得要备份好你的配置文件，不然重头再来部署一次可是非常花时间的。

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～