
🔥承渊政道: 个人主页
❄️个人专栏: 《C语言基础语法知识》 《数据结构与算法》 《C++知识内容》 《Linux系统与网络知识》 《算法刷题指南》 《测评文章活动推广》 《大模型语言路线学习》 《MySQL数据库学习》 《Python知识内容》 《cpolar知识学习》
✨逆境不吐心中苦,顺境不忘来时路!✨ 🎬 博主简介:

当NAS、Home Assistant、Portainer、下载工具、媒体库和各种 Web 服务越装越多以后,一个新的问题也会随之出现:入口越来越分散. 有些地址存在浏览器书签里,有些靠自己记IP和端口,还有一些服务只有偶尔使用时才重新翻记录.自建应用本来是为了提高效率,最后却容易变成一堆需要记忆的访问地址.导航页的作用,就是把这些入口重新集中起来.Flare是一款可以自托管运行的轻量导航页工具.它通过简单的配置文件管理应用、书签分类和页面外观,可以把常用网站与家庭实验室中的各种服务整理到同一个Web页面中.以后打开浏览器,不需要分别记住NAS、Home Assistant、Portainer或其他服务的地址,只要先进入 Flare,再从这里跳转即可.这篇文章会以飞牛NAS为例,通过 Docker Compose 把Flare部署到
5050端口,再分别修改bookmarks.yml、apps.yml和config.yml,完成常用网站与自建服务入口的整理.在局域网内使用完成以后,还会通过 cpolar 给Flare增加公网访问入口,并进一步配置固定二级子域名.这样Flare才不只是一个"好看的浏览器首页",而真正成为连接个人网站、NAS 和各种自托管服务的统一数字入口.


目录
1.什么是Flare?
Flare 是一款开源、自托管(self-hosted)的现代化导航页(homepage / startpage)工具,旨在帮助用户将常用网站、服务和工具集中管理在一个简洁美观的页面上.它不仅颜值高、交互流畅,还具备多用户支持、权限管理以及完整的RESTful API 接口,非常适合个人使用,也适用于团队或家庭共享场景.
核心特性包括:
- 高颜值界面:采用现代化 UI 设计,响应式布局,适配桌面与移动端,支持深色/浅色主题.
- 多用户系统:支持多个用户账号,每个用户可拥有独立的链接分类与设置.
- API 驱动:提供完整的 REST API,可程序化地添加、修改或删除链接、分类、用户等,便于自动化集成(例如通过脚本、Home Assistant、n8n 等工具动态更新导航内容).
- 自托管 & 隐私优先:所有数据存储在你自己的服务器上,无需依赖第三方服务,保障隐私与控制权.
- 轻量高效:基于Go语言开发,资源占用低,启动快,配合 SQLite 或 PostgreSQL 即可运行.
- 支持图标自动获取:可自动从网站抓取favicon,也可手动上传自定义图标.
- Docker 一键部署:官方提供Docker镜像,5分钟内即可完成部署.
典型使用场景:
- 作为浏览器首页,快速访问常用网站;
- 搭建家庭或团队内部的服务门户(如 NAS、媒体库、监控面板等);
- 与自动化工具联动,动态展示临时链接或项目入口;
- 替代杂乱的书签栏,打造极简高效的数字工作台.
项目地址(截至 2026 年仍活跃维护):
简而言之,Flare = 美观 + 实用 + 可编程 + 自主可控,是追求效率与美感用户的理想导航解决方案.
2.安装前提条件
2.1ssh远程连接到飞牛
- 开启【SSH 服务】
- 使用终端(Windows PowerShell / Mac Terminal)登录:
在设置--->SSH中开启SSH服务:



2.2验证docker是否开启
使用命令:
shell
docker -v
systemctl status -v
也可以直接在飞牛主页查看(其他机器也是这样的哦~)

3.安装Flare
首先创建一下安装的目录并进入到该目录:
shell
mkdir -p /docker/Flare
cd /docker/Flare

创建并编辑 docker-compose.yml文件:
shell
version: '3.8'
services:
flare:
image: soulteary/flare:0.2.4
container_name: flare
restart: unless-stopped
ports:
- "5050:5005"
volumes:
- ./app:/app

启动容器:
shell
docker compose up -d

部署完成后,在浏览器中输入 http://飞牛IP:5050 就能看到Flare的界面:

4.编辑Flare导航页
进入Flare配置目录:
shell
# pwd
/docker/flare
查找当前目录下文件:
shell
ls
进入app目录下:
shell
cd app

查看app目录下的配置文件:
shell
# ls
apps.yml bookmarks.yml config.yml
- bookmarks.yml 定义导航页上显示的书签(链接)

-
apps.yml 定义"应用"区域的快捷链接
-

-
config.yml 控制Flare的整体外观与功能

接下来我们为其添加我们经常使用的链接:
shell
vi bookmarks.yml
categories:
- id: dev-tools
title: 开发工具
- id: cloud-services
title: 云服务 & 网盘
- id: media
title: 媒体娱乐
- id: homelab
title: 家庭实验室(含内网服务)
links:
# 开发工具
- name: GitHub
link: https://github.com
icon: github
category: dev-tools
- name: GitLab
link: https://gitlab.com
icon: gitlab
category: dev-tools
- name: Stack Overflow
link: https://stackoverflow.com
icon: stackoverflow
category: dev-tools
- name: Vercel
link: https://vercel.com
icon: vercel
category: dev-tools
- name: Docker Hub
link: https://hub.docker.com
icon: docker
category: dev-tools
# 云服务 & 网盘
- name: Google Drive
link: https://drive.google.com
icon: google-drive
category: cloud-services
- name: OneDrive
link: https://onedrive.live.com
icon: onedrive
category: cloud-services
- name: Dropbox
link: https://www.dropbox.com
icon: dropbox
category: cloud-services
- name: 阿里云盘
link: https://www.aliyundrive.com
icon: alibabacloud
category: cloud-services
- name: 百度网盘
link: https://pan.baidu.com
icon: baidu
category: cloud-services
# 媒体娱乐
- name: YouTube
link: https://www.youtube.com
icon: youtube
category: media
- name: Bilibili
link: https://www.bilibili.com
icon: bilibili
category: media
- name: Spotify
link: https://open.spotify.com
icon: spotify
category: media
- name: Netflix
link: https://www.netflix.com
icon: netflix
category: media
- name: 腾讯视频
link: https://v.qq.com
icon: tencent-qq
category: media
# 家庭实验室(内网服务示例,可替换为你的 cpolar 公网地址)
- name: NAS 主页
link: http://your-cpolar-domain.cpolar.io # ← 替换为你自己的地址
icon: server
category: homelab
- name: Home Assistant
link: http://ha.yourdomain.com
icon: home-assistant
category: homelab
- name: Alist 网盘聚合
link: http://alist.yourdomain.com
icon: file-search
category: homelab
- name: Portainer(Docker管理)
link: http://portainer.yourdomain.com
icon: docker
category: homelab
- name: qBittorrent
link: http://qbittorrent.yourdomain.com
icon: download
category: homelab
修改后:

shell
vi apps.yml
links:
# 常用生产力 & 工具
- name: GitHub
link: https://github.com
icon: simple-icons:github
desc: 代码托管平台
- name: Notion
link: https://www.notion.so
icon: simple-icons:notion
desc: 全能笔记与协作工具
- name: Google 邮箱
link: https://mail.google.com
icon: simple-icons:gmail
desc: Gmail 邮件服务
- name: OneNote
link: https://www.onenote.com
icon: simple-icons:microsoftonenote
desc: 微软云笔记
# 家庭/自建服务(可替换为你的地址)
- name: NAS 主页
link: http://your-nas.cpolar.io # ← 替换为你自己的地址
icon: mdi:server-network
desc: 家庭网络存储
- name: Home Assistant
link: http://ha.yourdomain.com
icon: simple-icons:homeassistant
desc: 智能家居控制中心
- name: Alist 网盘聚合
link: http://alist.yourdomain.com
icon: mdi:file-multiple
desc: 多网盘统一管理
- name: Portainer
link: http://portainer.yourdomain.com
icon: simple-icons:docker
desc: Docker 可视化管理

更改成功~

随便一个跳转成功:

Flare作为一款高颜值、可自托管的导航页工具,天生适合打造个人或家庭的数字入口;而cpolar 则是打通内网与公网的"隐形桥梁"------无需公网IP、不用复杂配置,只需一条隧道,就能将本地运行的NAS、Home Assistant、Alist或Flare本身安全暴露到互联网.将Flare与cpolar结合,你不仅能拥有一个美观统一的主页,更能通过cpolar提供的HTTPS公网地址,随时随地从手机、公司电脑安全访问家中所有私有服务.Flare负责"呈现",cpolar负责"连接"------两者联手,让自建服务真正走出局域网,触手可及.
5.安装cpolar实现随时随地开发
5.1什么是cpolar?
cpolar是一款安全高效的内网穿透工具,无需公网IP或复杂配置,只需一条命令,即可将本地服务器、Web服务或任意端口映射到公网,让你随时随地远程访问内网应用,特别适合开发调试、远程运维和应急部署等场景.
5.2部署cpolar
cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网.即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境.
❤️以下是安装cpolar步骤:
使用一键脚本安装命令:
shell
sudo curl https://get.cpolar.sh | sh

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)
shell
sudo systemctl status cpolar

Cpolar安装和成功启动服务后,在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面,使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可:
打开浏览器访问本地9200端口,使用cpolar账户密码登录即可,登录后即可对隧道进行管理.

6.配置公网地址
登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理------创建隧道:
- 隧道名称:可自定义,本例使用了:flare,注意不要与已有的隧道名称重复
- 协议:http
- 本地地址:5050
- 域名类型:随机域名
- 地区:选择China Top

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用地址访问.

访问成功.

7.保留固定公网地址
使用cpolar为其配置二级子域名(cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站),该地址为固定地址,不会随机变化.

点击左侧的预留,选择保留二级子域名,地区选择china Top,然后设置一个二级子域名名称,我使用的是flaree,大家可以自定义.填写备注信息,点击保留.

登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理------隧道列表,找到所要配置的隧道,点击右侧的编辑.

修改隧道信息,将保留成功的二级子域名配置到隧道中
- 域名类型:选择二级子域名
- Sub Domain:填写保留成功的二级子域名
- 地区: China Top
点击更新

更新完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的二级子域名名称.

最后,我们使用固定的公网地址在任意设备的浏览器中访问,可以看到成功访问的页面,这样一个永久不会变化的二级子域名公网网址即设置好了.

8.总结
Flare 这类导航页工具的价值,往往会随着自建服务数量增加而越来越明显.
只有一两个应用时,记住IP和端口并不困难.
但当NAS里陆续加入媒体库、Docker 管理、下载工具、智能家居、监控面板以及其他 Web 服务以后,单独保存每一个地址就开始变得低效.Flare做的事情并不复杂,就是把这些入口重新整理到一个页面里,并通过分类、图标和描述降低查找成本.
它本身也比较适合自托管环境.
应用和书签可以直接通过 YAML 配置维护,配置文件保存在自己的设备中,后续想增加、删除或重新分类都比较直观.对于家庭实验室来说,这比把所有入口长期堆在浏览器书签栏里更容易管理.
再通过 cpolar 把 5050 端口增加公网入口以后,这个导航页还可以成为外部访问家庭服务的第一站.
不过也要注意:Flare 页面里可能保存大量内部服务地址,如果其中部分入口已经能够直接访问管理后台,就不适合毫无权限控制地公开分享.真正开放公网时,应该根据各个服务自身的认证方式分别做好账号和访问权限保护.
所以Flare最值得部署的理由,并不是"主页更漂亮".
而是当自建服务越来越多以后,终于不用再记一堆零散的网址和端口.
把入口整理好,本身就是家庭服务器长期维护的一部分。

🚀真正的勇者不是流泪的人,而是含泪奔跑的人!
敬请期待下一篇文章内容
每日心灵鸡汤: 真正的认知提升,是看见自己的局限放下偏见与傲慢!
偏见无法消除,因为每个人都是基于自己的位置理解世界.偏见,是有限位置产生的局部解释;傲慢,是把局部解释当成全部真相.就像一个马上饿死的人,会认为"给我食物"就是最正确的事情,因为在他的位置上,食物就是最高权重的变量.认知的意义,不是让自己没有偏见,而是知道自己的位置可以改变;当一个人不断完成位置的正向迁移,看到更多变量、理解更多处境之后,他的偏见和傲慢也会随之减少.
