标签搜索

目 录CONTENT

文章目录

飞牛云NAS或VPS使用Docker部署一个超级轻量的个人导航页面Flare

yyzq
2025-09-20 / 0 评论 / 1 点赞 / 43 阅读 / 1,198 字

前言

轻量、快速、美观的个人导航页面,适用于 HomeLab 或其他注重私密的场景。

无任何数据库依赖,应用数据完全开放透明,100% 属于用户自己。

项目简介

轻量、快速、美观的个人导航页面,适用于 HomeLab 或其他注重私密的场景。

无任何数据库依赖,应用数据完全开放透明,100% 属于用户自己。

支持在线编辑,内置 Material Design Icons 6k+ 图标,目前累计下载过万,期待你的反馈 😃

支持 x86 以及常见的 ARM (ARM32v6、ARM32v7、ARM64v8)设备,应用资源消耗非常低:
CPU: < 1%
MEM: < 30M
Docker Image: < 10M

项目图片

主界面
image-1758336001154
登陆界面
image-1758336036759
主题配置
image-1758336073699
天气配置
image-1758336086105
在线编辑
image-1758336311893
自带图标
image-1758336406052

相比较 Flame

  • 服务资源消耗极低,可以跑在任何规格的机器上,甚至是一台搭载2015年S805芯片的ARM盒子。
  • 程序页面性能非常好,渲染速度更快,支持同时渲染大量(数千)书签,而不必担心风扇起飞。
  • 使用声明的配置来进行导航内容的管理,无需担心数据迁移问题。
  • 简化了天气数据的获取方式,不再需要申请天气网站的 API_KEY ,避免了不必要的成本开销。
  • 简化了 Flame 中的K8S、Docker 集成等不必要的功能。
  • 内置了大量风格统一、高质量的矢量图标,减少选择困难症,确保界面长期“耐看”。
  • 默认使用免登陆模式,避免 HomeLab、本地使用的用户有额外的登陆操作。

部署方法

使用Docker安装

本教程使用docker的方式安装部署,简单便捷
164b6ac419e23bc5390dc46601a202bf

准备条件

1)一台服务器

我们使用莱卡云VPS和飞牛云NAS来演示

需要vps的可以看以下信息
莱卡云官网

2)本项目使用到的开源项目

https://github.com/soulteary/docker-flare
目前2.1K stars
image-1758336724060
更多功能或者二次修改可以访问开源项目地址

3)域名(可选)

域名可以根据自己的需求绑定

① VPS部署

一、Docker环境部署

在vps安装docker和docker-compose
Docker官方安装文档(英文)
https://duan.yyzq.eu.org/docker-001
Docker-Compose官方安装文档(英文)
https://duan.yyzq.eu.org/docker-002
Centos安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//03
Ubuntu安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//04

推荐直接用一键脚本

docker安装脚本

bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)

docker-compose安装脚本

curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose

二、创建docker-compose.yml文件

登录服务器使用root账户执行以下步骤

创建一个目录,并进入此目录

mkdir  flare;cd flare  

然后再新建docker-compose.yml

vim docker-compose.yml
services:
  flare:
    image: soulteary/flare
    restart: always  # 始终重启容器
    command: flare --nologin=0  # 启用账号登录模式
    environment:
      - FLARE_USER=admin  # 设置管理员用户名
      - FLARE_PASS=admin12345  # 设置管理员密码
      - FLARE_GUIDE=1  # 是否开启“使用向导”,访问 `/guide` 页面
      - TZ=Asia/Shanghai  # 设置时区为上海
    ports:
      - 5005:5005  # 映射容器的 5005 端口到宿主机的 5005 端口
    volumes:
      - ./app:/app  # 将当前目录下的 app 文件夹挂载到容器的 /app 目录

三、执行容器运行命令

docker-compose up -d #运行容器
docker-compose ps  #查看是否开启成功

正常启动如下所示

 docker-compose ps
NAME            IMAGE             COMMAND               SERVICE   CREATED          STATUS          PORTS
flare-flare-1   soulteary/flare   "flare --nologin=0"   flare     23 minutes ago   Up 23 minutes   0.0.0.0:5005->5005/tcp, [::]:5005->5005/tcp

四、打开web页面使用

成功以后需要打开自己相应的端口5005)防火墙就可以web端访问了

主界面

http://ip:5005

image-1758336863081

登录界面

http://ip:5005/settings/application

image-1758336998988

编辑界面

http://ip:5005/editor

image-1758337049171

图标界面

http://ip:5005/icons

image-1758337090100

帮助界面

http://ip:5005/help

image-1758337140806

② 飞牛云NAS部署

新建项目

flare

其他步骤参考VPS的教程
正常启动即可
image-1758337399048

绑定域名

如需绑定域名的自行绑定

视频教程

B站

YouTube

绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch

有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我

欢迎关注我们的微信公众号!
微信公众号

1

评论区