FlatNas-高度定制导航页-蜜桃锦鲤

📒 本文整理自作者飞书笔记 · 查看原文档

FlatNas 是一个轻量级、高度可定制的个人导航页与仪表盘系统，它将你日常高频使用的网站、工具和服务整合到一个优雅、响应式的起始页中，让你告别杂乱书签和频繁切换标签页的烦恼。

FlatNas 是一个轻量级、高度可定制的个人导航页与仪表盘系统，专为追求效率的用户（如 NAS 用户、开发者、极客等）设计。它将你日常高频使用的网站、工具和服务整合到一个优雅、响应式的起始页中，让你告别杂乱书签和频繁切换标签页的烦恼。

Table of Contents

官网： https://flatnas.top/

🌟 核心亮点

1. 智能内外网自动切换

同一个服务（如 NAS、Home Assistant）可配置内网 IP 和外网域名。
FlatNas 能自动识别当前网络环境，优先使用内网地址（局域网高速访问），在外网时无缝切换至公网地址。
不依赖 Ping 延迟判断，逻辑更精准稳定。

2. 免登录快速访问（车机/公共设备友好）

即使未登录，也能看到并点击预设的常用网站图标。
非常适合车载电脑、家庭平板、临时设备等场景。

3. 丰富内置小组件

🕒 时钟 + 天气：实时显示本地时间与天气
✅ 待办事项（Todo）：轻量任务管理
📝 便签（Notes）：临时记录灵感或代码片段
📰 RSS 订阅器：聚合你关注的博客/新闻源
🔊 本地音乐播放器：播放服务器上的 MP3/WAV 文件
📊 热搜榜单：集成微博、知乎等热门话题
🧮 简易计算器
🌐 自定义搜索引擎（支持多引擎切换）
📈 访客统计（总访问量、今日访问等）

4. 高度可视化 & 自定义

自由拖拽网格布局：像搭积木一样排布组件
分组管理：支持无限分类标签
图标自定义：自动抓取 favicon 或上传自定义图片
背景个性化：全局壁纸 + 每个分组可单独设置卡片背景（支持模糊、遮罩）
明暗主题切换

5. 数据安全 & 本地存储

所有配置保存在 data.json 文件中，完全由你掌控。
支持密码保护（默认密码：admin，首次使用务必修改！）
可开启“公开/私有”模式：例如待办、便签可设为仅登录可见。

6. 多用户支持（可选）

默认为单用户模式。
开启多用户后，他人可注册使用，适合家庭或小团队共享。

🛠 技术栈

前端：Vue 3 + Vite
后端：Node.js + Express
部署：支持 Docker（推荐）、本地运行、Docker Compose
资源占用极低：仅约 30–50MB 内存

🚀 快速部署（Docker 方式）

1# docker-compose.yml
2services:
3  flatnas:
4    image: qdnas/flatnas:latest
5    container_name: flatnas
6    restart: unless-stopped
7    ports:
8      - '23000:3000'
9    volumes:
10      - ./data:/app/server/data   # 配置持久化
11      - ./music:/app/server/music # 音乐目录

启动：

1docker-compose up -d

🚀 快速部署Docker Compose

version: "3.8"

services:
  flatnas:
    image: qdnas/flatnas:latest
    container_name: flatnas
    restart: unless-stopped
    ports:
      - "23000:3000"
    volumes:
      - ./data:/app/server/data #指定路径下新建data
      - ./music:/app/server/music #映射播放器路径
      - ./PC:/app/server/PC #映射背景路径
      - ./APP:/app/server/APP #映射移动端背景路径
      - ./doc:/app/server/doc #映射文件传输助手路径
      - /var/run/docker.sock:/var/run/docker.sock #映射Docker Socket

version: "3.8"

services:
  flatnas:
    image: qdnas/flatnas:latest
    container_name: flatnas
    restart: unless-stopped
    ports:
      - "23000:3000"
    volumes:
      - /root/flatnas/APP:/app/server/APP
      - /root/flatnas/PC:/app/server/PC
      - /root/flatnas/data:/app/server/data
      - /root/flatnas/doc:/app/server/doc
      - /root/flatnas/music:/app/server/music
      - /var/run/docker.sock:/var/run/docker.sock

访问：`http://你的服务器IP:23000`
默认账号密码：admin / admin

💡 提示：首次登录后请立即修改密码，并配置内外网地址、添加书签、调整布局。

🎯 典型应用场景

NAS 用户：集中入口访问 Emby、Jellyfin、qBittorrent、Alist 等
开发者：整合 GitLab、Jenkins、文档站、测试环境
家庭用户：为客厅电视/平板设置简洁主页
效率控：一站式启动 Gmail、Notion、日历、云盘 + 本地待办

🔗 官方资源

GitHub：https://github.com/Garry-QD/FlatNas
Gitee 镜像：https://gitee.com/QD_NAS/FlatNas
Docker 镜像：qdnas/flatnas:latest
官网： https://flatnas.top/
图标库： https://nasicon.top/
飞牛知识馆： http://qdnas.icu/

如果你厌倦了浏览器书签栏的混乱，又想要一个私有、智能、美观且完全可控的起始页，FlatNas 绝对值得尝试。只需几分钟部署，就能拥有属于自己的“数字工作台”。

文章版权归作者所有，未经允许请勿转载。

THE END

Docker项目
# FlatNas # 导航页

FlatNas-高度定制导航页