Skip to content

功能截图

本页面展示 NaviHive 的主要功能界面和操作演示。

访客模式界面

未登录用户可以浏览公开的导航内容,体验基础功能。

访客模式

主要特点

  • 公开内容展示:显示所有标记为公开的分组和站点
  • 清晰的视觉层次:分组和站点通过卡片布局清晰呈现
  • 响应式设计:自动适配不同屏幕尺寸

登录界面

管理员可以通过登录界面进入管理模式。

登录界面

功能说明

  • 安全认证:JWT + bcrypt 加密
  • 记住登录:支持30天免登录
  • 速率限制:防止暴力破解(5次/15分钟)

管理员界面

登录后可以看到完整的管理功能,包括私密内容。

管理员界面

管理功能

  • 新增分组:快速创建导航分组
  • 添加站点:为每个分组添加网站链接
  • 编辑排序:拖拽调整分组和站点顺序
  • 全局设置:配置网站标题、样式等

分组管理

添加分组

创建新的导航分组,组织你的网站链接。

添加分组

功能特点:

  • 自定义分组名称
  • 设置公开/私密状态
  • 自动排序管理

编辑分组

修改现有分组的信息。

编辑分组

可编辑内容:

  • 分组名称
  • 公开状态
  • 删除分组(含确认)

站点管理

添加站点

为分组添加新的网站链接。

添加站点

支持字段:

  • 站点名称(必填)
  • 站点URL(必填)
  • 图标URL(支持自动获取)
  • 站点描述
  • 备注信息
  • 公开/私密设置

编辑站点

修改已添加站点的信息。

编辑站点

管理功能:

  • 修改所有站点信息
  • 自动获取网站图标
  • 删除站点(含确认)

全局设置

配置网站的基本信息和外观。

全局设置

设置选项

  • 网站标题:浏览器标签显示的标题
  • 网站名称:页面中显示的名称
  • 图标API:配置图标获取服务
  • 背景图片:设置背景图和蒙版透明度
  • 搜索功能:控制搜索框显示和访客权限
  • 自定义CSS:添加自定义样式

自定义样式

通过自定义CSS个性化你的导航站。

自定义CSS

样式定制

  • 完全自定义:支持任意CSS样式
  • 实时预览:保存后立即生效
  • 安全过滤:自动过滤危险代码
  • 大小限制:最大50KB

暗色模式

支持深色主题,保护眼睛,提升夜间使用体验。

暗色模式

主题特点

  • 一键切换:点击按钮即可切换
  • 自动记忆:保存用户主题偏好
  • Material Design:符合Material UI规范
  • 完整支持:所有界面都支持暗色模式

移动端适配

完美适配移动设备,随时随地管理导航站。

移动端界面

响应式特点

  • 自动适配:支持各种屏幕尺寸
  • 触摸优化:针对触摸操作优化
  • 流畅体验:与桌面版功能一致
  • 离线支持:支持PWA离线访问

体验完整功能

想要亲自体验所有功能?

基于 MIT 许可发布