玩NAS的朋友应该对导航页都不陌生,无论是安装各类套件或Docker应用,安装的多了以后都会面临如何快速找到应用的问题,一般来说无非三种方案:好记性、收藏夹或导航页。前面2种就不必多说了,大家都懂,今天就介绍一个导航页应用:Flare,希望对你有用。
Flare是一个轻量、快速、美观的个人导航页面,适用于 HomeLab 或其他注重私密的场景,其无任何数据库依赖,支持在线编辑,并且内置了丰富的图标库,目前在Github上已经1.2k的Star,说明还是比较受用户青睐的。
老规矩,笔者使用Docker来部署,无非是三板斧:准备、安装和配置,下面逐步介绍:
准备工作
创建应用目录,例如在/share/Container下创建文件夹flare
在heimdall文件夹下再创建app文件夹
NAS上安装好docker-compose
安装Flare
第一步、 在/share/Container/flare文件夹下创建文件compose.yml,
第二步、 并将下面内容复制粘贴到compose.yml中,保存:
version: "3.8"services: flare: image: soulteary/flare:latest container_name: flare restart: unless-stopped network_mode: bridge environment: - PUID=1000 - PGID=100 - TZ=Asia/Shanghai - FLARE_DISABLE_LOGIN=false - FLARE_USER=flare - FLARE_PASS=123456 - FLARE_VISIBILITY=true volumes: - /share/Container/flare/app:/app ports: - 5005:5005
参数说明
参数 | 说明 |
---|---|
-p 5005 | http协议访问WebUI的端口 |
-e PUID=1000 | 设置PUID的值,请改成自己的 |
-e PGID=100 | 设置PGID的值,请改成自己的 |
-e TZ=Asia/Shanghai | 设置时区 |
-e FLARE_DISABLE_LOGIN=false | 是否禁用登录,false为不禁用,表示需要登录 |
-e FLARE_USER=falare | 配置登陆模式下的账号,可自行修改 |
-e FLARE_PASS=123456 | 配置登陆模式下的密码,可自行修改 |
-e FLARE_VISIBILITY=true | 首页是否需要登陆可见 |
-v /app | 应用相关文件的保存位置 |
第三步、 在NAS的SSH中,切换到flare文件夹下,执行下面命令启动:
docker-compose up -d
第四步、 等待应用启动完成后,打开WebUI
在浏览器中输入NAS的IP+端口,例如:192.168.31.91:5005
配置Flare
首次打开后可以看到已经默认设置了一些例子,当然都是乱写的,你可以根据自己的实际情况进行修改。
1、基础设置
由于默认的主题颜色与设置按钮颜色太相近了,可能很多人打开后都没找到设置按钮,仔细看,它在左下角。点击的设置按钮,就可以打开设置界面了。
在设置界面可以对主题、天气、搜索和界面进行个性化设置,比如颜色、背景、城市天气、问候语等等。
2、在线编辑
Flare 将书签划分为两类,第一类是拥有大图标的“常用应用”,如果你不喜欢它,可以在设置中将它禁用。第二类就是“书签”,相比“应用”而言,多了“分类”的功能,当然,和应用一样,如果你不喜欢它,可以在设置中将其隐藏。
那么如何设置应用和书签呢,这就需要在线编辑出场了。在Flare网址后面加上/editor就可以打开在线数据编辑页面了,例如:http://192.168.31.91:5005/editor
如果没有禁用登录,则需要先输入账号和密码才行:
如果禁用登陆了,则直接进入编辑页面:
3、编辑分类和应用
目前在线编辑功能可以随意新增分类或应用,但是还不支持删除,所以可以在示例基础上修改就行。默认已经集成了4个分类和28个应用,直接在上面修改即可,修改完记得点击保存数据按钮。
直接双击表格的单元格就可以修改了,修改完一定要点击保存数据,否则刷新页面后就丢失了!
4、为应用设置图标
如果需要设置应用的图片,只需要在Flare的网址后面加上/icons路径,如:http://192.168.31.91:5005/icons/,就能打开一个图标库,找到你喜欢的图标,就会自动将图标名称复制到剪贴板中,然后将图标名称粘贴在应用的类型单元格中,保存数据,就可以了。
设置完成后,回到首页,就能看到设置好的应用了,可以看到笔者设置的Nastool已经图标都已经更新在首页了。
以上就是关于Flare的简单安装和配置过程,原创不易,如果觉得此文对你有帮助,不妨点赞+收藏+关注,你的鼓励是我最大的动力!