界面模板

同一份数据,四种长法。BestNav 内置经典视图、杂志流、控制台与桌面视图四套界面模板,切换即时生效、刷新后保持,书签、卡片与集成配置一份都不会变。

8 个小节 · 约 6 分钟读完

模板是什么:只换呈现,不动数据

界面模板是同一份数据的四种渲染方式。你在设置里改的书签、分组、导航包、卡片开关、集成配置都保存在服务器上的一份数据里,换模板只是换一种摆法,不存在「切过去数据就没了」的情况。

  • 切换即时生效,不需要重启,也不需要重新登录
  • 选择会被记住,刷新、换标签页、第二天再打开都还是那套
  • 四套模板都能用聚合搜索、导航包、效率工具箱与全部卡片
  • Pro 实例的管理员可以把某一套设为全员默认,成员仍可自己改(见下文)
你的数据界面模板书签 · 卡片 · 导航包 · 集成只换呈现,不动数据经典视图(免费)杂志流(免费)控制台(Pro)桌面视图(Pro)
图:数据只有一份;四套模板是它的四种摆法,切换不复制、不迁移、不覆盖。

还有一套「组件风」仍在打磨中,本版本没有开放切换,设置里看不到它属于正常情况。

四套模板一览

先按「你希望它长什么样」选,而不是按功能多少选——四套模板的功能是同一套,差别在信息密度与操作习惯。

模板一句话长相适合谁费用
经典视图左侧分类栏 + 卡片网格与站点列表,可拖拽排序、1~3 格自由缩放把首页当主力导航页、要一屏塞尽量多内容免费
杂志流封面大卡 + 卡片摘要瀑布流,浏览体验优先站点当内容看、每天打开是来「逛」的免费
控制台侧栏管理台:KPI 总览 + 分组视图 + 集成子页,Ctrl/⌘ + K 直达整页搜索一台 NAS 上跑了一堆服务,想在一个页面看数据、做管理Pro
桌面视图窗口化桌面:多窗口拖拽缩放 + 程序栏(Dock),服务集成一卡一窗习惯桌面式操作,喜欢把下载、影音、文件各开一窗Pro

模板不是皮肤。控制台与桌面视图有自己的视觉语言,因此会接管背景与卡片风格(见「模板之外的外观设置」)。

下面四张都是实机截图(同一份数据、同一台设备,只是换模板)。桌面视图与控制台里的 IP 地址、主机名等本机信息已做模糊处理。

经典视图实拍截图
图:经典视图 —— 左侧分类栏 + 卡片网格,信息密度最高,卡片可自由拖拽与缩放。
杂志流实拍截图
图:杂志流 —— 封面大卡与摘要瀑布流,把书签当内容来逛,免费可用。
控制台实拍截图
图:控制台 —— 侧栏管理台,顶部 KPI 总览(CPU / 内存 / 存储 / 吞吐 / 运行时间),右侧实时资源与环境,中间按分组铺导航。
桌面视图实拍截图
图:桌面视图 —— 桌面图标 + 程序栏(Dock)+ 右侧信息卡列,服务集成点开即为独立原生窗口。

各模板的看点

  • 经典视图:9 档卡片大小全部有效(网格真实按行列跨度铺开);访客未登录时能看到你设为公开的天气、时钟、公开导航卡。
  • 杂志流:封面大卡瀑布流,卡片行高有 1 / 2 / 3 三档;同样保留访客免登录可见的公开卡与底部导航。
  • 控制台:首页 KPI 总览(CPU / 内存 / 存储 / 网络吞吐 / 运行时间 / 温度)+ 侧栏分组视图;17 项第三方服务集成(含飞牛影视 / 相册 / 音乐)全部是本壳原生子页,不靠内嵌网页;顶栏搜索或 Ctrl/⌘ + K 进入整页聚合搜索。
  • 桌面视图:每个服务集成都是独立的桌面应用图标 + 独立原生窗口,可拖拽缩放;程序栏支持图钉固定;支持音乐窗内播放、TeslaMate 位置地图、Gitea 提交与源码双页签。
  • 两套管理台模板(控制台 / 桌面视图)另有「控制室」入口,把高频操作收成开关墙(详见「控制室」一文)。

如何切换,以及谁会跟着变

入口在「设置 → 外观 → 界面模板」,点卡片即切换,界面顶部标着「使用中」。免费版可直接用经典视图与杂志流两套;控制台与桌面视图会带 Pro 角标。

  • 普通用户:切一次只影响自己,选择记在自己的账号上
  • Pro 实例的管理员:切换模板卡片的同时,会把这套设为「全员默认」——没自选过模板的人、换设备的人都会落到它;未登录访客看到的也是这一套
  • 管理员还可选「锁定全员」:所有人(含管理员自己)强制使用默认模板,成员侧的切换入口冻结
  • 想让每个人各用各的:设好默认即可,不要开锁定;成员自选后以他自己的选择为准
打开面板已锁定全员?本机自选过?管理员设定的默认模板你自己选的那套入口冻结 · 访客也用它刷新后保持是否是否(首次 / 换设备)
图:每次打开面板时的裁决顺序——先看是否锁定全员,再看本机是否自选过。

2.0.0 起模板卡片自带效果图:不用先切过去,点卡片上的 🔍 就能翻看这套模板的真实截图(同一模板按页面分多张),选定前就知道长什么样。

哪些免费,哪些属于 Pro

  • 免费:经典视图、杂志流——不用订阅就能切、能用全部基础功能
  • Pro:控制台、桌面视图,以及「全员默认模板 / 锁定全员」这套管理能力
  • 模板切换本身不额外收费:开通 Pro 后四套随便切,不会按模板单独计价

非 Pro 实例的管理员切到控制台或桌面视图时,成员侧仍会回到可用模板,不会出现「白屏」。

模板之外的外观设置

明暗主题、背景、卡片风格、强调色这些都在「设置 → 外观」,与模板是两件事:主题全站共享,背景按模板各存一份。

  • 明 / 暗主题:手动切换或跟随系统
  • 自定义背景图:Pro 支持模糊与暗化调节,保证卡片可读
  • 卡片风格与配色面板:Pro 提供 9 种预设
  • 图标三态判定:品牌图标按底色自动选择直铺、去底或成砖,同一套图标在明暗主题下都能看清
  • 个性化登录页:免费开启欢迎横幅与入场动效,可写自定义文案
  • 底部备案号:ICP 与公安备案号可在后台配置,全站模板与登录页统一显示(免费)

切到控制台或桌面视图后,部分外观项(如背景、卡片风格)会自动隐藏——这两套模板有各自的固定视觉语言,隐藏的是不适用的项,不是设置坏了。回到经典视图或杂志流即可看到它们。

手机与窄屏

四套模板都能在手机上切换使用,但窄屏下的形态不同:管理台与桌面模板在窄屏会放弃各自的窗口/侧栏模型,改用统一的移动布局。

  • 经典视图与杂志流:走共用底部导航,卡片单列纵向流
  • 控制台与桌面视图:窄屏不渲染侧栏与窗口,改用移动视图层,服务集成的窗口内容以子页形式呈现
  • 手机上顶栏空间有限,入口与操作按钮在窄屏会压缩或折叠,触控目标已加大
  • 想给手机单独准备一套界面:用管理员默认模板设定 + 成员自选即可错开

What a template is: only the layout changes

A template is just another way to render the same data. Bookmarks, groups, nav packs, card toggles and integration settings live on the server in one place; switching templates only changes how they are arranged, so nothing can "disappear" when you switch.

  • Effective immediately — no restart, no re-login
  • Your choice is remembered across refreshes, tabs and days
  • All four templates use the same aggregated search, nav packs, toolbox and cards
  • On a Pro instance the admin can push one template as the default for everyone (see below)
Your dataTemplatebookmarks · cards · packslayout only, data untouchedClassic (free)Magazine (free)Console (Pro)Desktop (Pro)
Diagram: the data lives once; the four templates are four arrangements of it.

A fifth template (Bento) is still being polished and is not switchable in this release — not seeing it in Settings is expected.

The four templates at a glance

Pick by how you want it to look, not by features — all four expose the same feature set; they differ in information density and habits.

TemplateIn one lineBest forPrice
ClassicCategory rail plus card grid and site list; drag to reorder, free 1-3 span resizingA main browser home page that must hold a lotFree
MagazineLarge cover cards with summary waterfall, browsing firstTreating bookmarks as content you scroll throughFree
ConsoleSide-rail admin desk: KPI overview, grouped views, native integration sub-pages, Ctrl/Cmd + K full-page searchMany services on one NAS, managing from a single pagePro
DesktopWindowed desktop: draggable resizable windows plus a Dock, one integration per windowDesktop-style workflow with separate windows per servicePro

A template is not a skin. Console and Desktop own their visual language and therefore take over background and card styles (see "Beyond the template").

All four shots are from the same device on the same data — only the template changes. Host-specific details such as IP addresses and the machine name are blurred.

Classic template screenshot
Classic: category rail plus a card grid — the densest layout, with free dragging and resizing.
Magazine template screenshot
Magazine: cover cards and a summary waterfall, treating bookmarks as content — free to use.
Console template screenshot
Console: side-rail admin desk with KPIs across the top (CPU, memory, storage, throughput, uptime), live resources on the right and grouped navigation in the middle.
Desktop template screenshot
Desktop: desktop icons, a Dock and an info-card column on the right; every integration opens as its own native window.

What each template is good at

  • Classic: all nine card sizes are meaningful (the grid really honours column and row spans); signed-out visitors can see public cards such as weather, clock and public navigation.
  • Magazine: cover-card waterfall with three row-height steps; keeps public cards and the shared bottom nav on mobile.
  • Console: KPI overview (CPU, memory, storage, throughput, uptime, temperature) plus grouped side views; all 17 integrations (fnOS Video / Photos / Music included) are native sub-pages of this shell, not embedded web views; top-bar search or Ctrl/Cmd + K opens the full-page aggregated search.
  • Desktop: every integration is its own desktop icon and native window, resizable and draggable; the Dock supports pinning; in-window music playback, TeslaMate location map, Gitea commits and source tabs.
  • Both management templates also expose the Control Room — a switch wall for frequent operations (see the Control Room guide).

How to switch, and who follows

Go to Settings → Appearance → UI Templates and click a card; the active one is marked "In use". Classic and Magazine are free to switch; Console and Desktop carry a Pro badge.

  • Ordinary users: the switch affects only your own account and is remembered per account
  • Admins on a Pro instance: switching a card also sets it as the default for everyone — users who never chose one and people on a new device land there; signed-out visitors get the same default
  • Admins can additionally lock everyone: all users (admin included) are forced onto the default and the switch entry is frozen
  • Want everyone on their own layout: set a default but skip the lock — once a member picks one, their choice wins
Open panelLocked?Chosen before?Admin default templateYour own choiceentry frozen · guests tookept after refreshyesnoyesno (first run / new device)
Diagram: how the template is decided on each open — the lock first, then your own choice.

Since 2.0.0 every template card ships with real screenshots: tap the 🔍 on a card to flip through how that template actually looks (several shots per template, one per page) without switching to it first.

What is free, what is Pro

  • Free: Classic and Magazine — switchable without a subscription, full base feature set
  • Pro: Console and Desktop, plus the per-instance default and lock-for-everyone management
  • Switching itself never costs extra: once Pro is active all four templates are yours, not priced per template

If an admin on a non-Pro instance selects Console or Desktop, members still fall back to an available template — no blank screen.

Beyond the template: appearance settings

Theme, background, card style and accent colour live in Settings → Appearance and are separate from the template: the theme is shared everywhere, the background is stored per template.

  • Light / dark theme, manually or following the system
  • Custom background image; Pro adds blur and dimming so cards stay readable
  • Nine card style presets with a custom colour panel (Pro)
  • Three-state icon handling: brand icons are placed flat, matted or tiled based on their backdrop, readable in both themes
  • Personalised login page: welcome banner, entrance animations and custom copy — free
  • Footer filing numbers: ICP and public-security numbers configurable in the admin panel, shown on every template and the login page (free)

Some appearance options hide themselves in Console and Desktop — those templates own a fixed visual language, so unusable controls disappear rather than breaking. Switch back to Classic or Magazine to see them again.

Phones and narrow screens

All four templates can be switched and used on a phone, but the management and desktop templates drop their window and side-rail model on narrow screens in favour of a shared mobile layout.

  • Classic and Magazine: shared bottom navigation, single-column card flow
  • Console and Desktop: no side rail or windows on narrow screens; integration window content becomes sub-pages
  • Top-bar entries compress or collapse on small widths, with enlarged touch targets
  • Want a phone-only layout: combine the admin default with per-user choices to keep desktop and mobile apart