告别千篇一律：OneNav主题切换手把手全攻略

告别千篇一律：OneNav主题切换手把手全攻略

【免费下载链接】onenav使用PHP + SQLite 3开发的书签管理系统，将浏览器书签集中式管理，做到一处部署，随处访问。项目地址: https://gitcode.com/gh_mirrors/on/onenav

OneNav 是一款用 PHP + SQLite 3 开发的开源书签管理系统，它能把散落在各浏览器里的收藏统一收进一个网页里，做到一处部署、随处访问。而它最讨人喜欢的能力之一，就是主题切换——不用改一行数据，就能让整个书签首页换一副全新的面孔。本攻略会带着你从一个纯新手视角，走完"第一次换主题 → 双端分开设置 → 手搓专属皮肤"的完整路径，全程零基础可上手。

一、先讲个"真香"的小故事

小林上周刚把 OneNav 部署好，吭哧吭哧把浏览器里攒了八年的三百多个书签全部导入进去。索引分类齐全、搜索也快，一切都很完美——除了一个问题：界面有点"素"。

白底、蓝字、规规矩矩的卡片，谈不上丑，但就是少了点灵魂。每天打开导航页都像在看一份没排版的 Excel。

直到有一天，他瞄到同事的导航页：星空背景、圆角卡片、移动端打开自动变成另一种更紧凑的布局。小林当场"破防"："咱俩用的不是一个软件吧？"

同事笑了笑，指着他自己的后台说："同一个 OneNav，我只是给它换了主题而已。"

没错，OneNav 书签系统怎么换主题，答案就藏在这个软件的后台设置里。接下来我把整套流程拆开讲给你听。

二、先搞明白：换主题到底在"换"什么？

把主题理解成"皮肤"就太简单了——它更像是给你的导航页做一次整体装修：

• 外观层：背景图、配色、卡片圆角、字体大小；
• 结构层：链接以什么形态展示（图标墙 / 列表 / 卡片流）；
• 适配层：同一套书签，在 PC 和手机上呈现不同的排版。

而这一切数据（你的书签、分类、统计）一个字都不会动。主题只是一层"外衣"，里面的"身体"永远是那套数据库。想验证的话，你可以在项目根目录的templates/文件夹里翻一翻，每个子目录就是一个独立的主题包。

三、五款"参赛选手"：内置主题快速巡礼

OneNav 出厂自带了五套主题，相当于给你配好了五个"候选皮肤"，先来认识一下它们各自的长相和脾气：

如果你拿不定主意，直接选default2当默认选项基本不会踩雷，它也是官方推荐的主力主题。

四、第一次换装：从登录后台开始的三步走

别被"换主题"三个字吓到，实际操作比换手机壁纸难不了多少。

第一步：登录管理后台

在浏览器里访问你的 OneNav 地址，输入管理员账号密码登录。登录页本身也是一张"画布"，不同的主题或后台配置，会让这张登录页呈现出完全不同的气质：

第二步：进入"设置 → 主题"

后台左侧菜单找到"设置"，点开就能看到"主题"这一项。这里有两个下拉选择框，一个管 PC 端，一个管手机端——是的，两端可以各穿各的"衣服"，这点我们下一节细说。

第三步：选主题 → 保存 → 强刷

选好目标主题点"保存"，系统会立刻生效。如果页面看起来"没变化"，别慌，大概率是浏览器缓存作怪，按Ctrl + F5（Mac 上是Cmd + Shift + R）强制刷新一次即可。

整个过程不超过一分钟，你的书签首页就已经改头换面了。

五、进阶玩法：PC 与手机"双面人生"

大多数导航系统的主题设置是"一套皮肤走天下"，手机打开还是那套样式，在小屏幕上要么挤、要么空。OneNav 的贴心之处在于，它把PC 主题和手机主题分开设置：

• 电脑浏览器访问 → 走PC 主题；
• 手机、平板访问 → 走手机主题。

比如你可以给 PC 配default2享受完整功能，给手机配mobile获得触屏优化，甚至给手机端选一个适配移动端的第三方主题。这样做的直接收益是：办公室和通勤路上，打开的是两种恰到好处的体验，而不是同一套界面的两种"畸形"缩放。

六、再进一步：认识 info.json 这扇"门"

每个主题包里都躺着一个info.json文件，它就像主题的"身份证"加"说明书"，里面写着主题的名字、描述、版本号，以及一些可调参数，例如：

• full_width_mode：是否让内容撑满全屏；
• link_description：链接下要不要显示描述文字；
• favicon：图标相关设置。

想微调的话，用记事本打开这个文件改几行，保存刷新即可。想恢复原样？改回去就是。改坏了也不影响任何书签数据，最多重新部署一次主题，大可以放心折腾。

顺带一提，后台的"主题详情"页面里通常还有"参数设置"按钮，让你不动代码也能做可视化微调，属于懒人福音。

七、终极玩法：手搓一套你自己的主题

如果五套内置主题都不够"对味"，那就到了"高手区"——自己造皮肤。流程其实很朴素：

1. 在templates/目录下复制一份现有主题作为草稿（比如复制minima）；
2. 改名后，编辑它的index.php和style.css，想怎么改怎么改；
3. 更新info.json里的名字和描述，让它变成"你的主题"；
4. 刷新后台的主题列表，选中它，见证奇迹。

你甚至可以给导航页配上星空夜景之类的高清背景，让每次打开书签页都像"抬头看了一次银河"：

不需要懂多高深的框架知识，会改 CSS 就能玩出花。这也正是开源项目最迷人的地方——官方没给的，你自己动手补上。

八、换主题路上的"坑"与"解药"

几个高频问题，提前帮你排雷：

• Q：换完主题页面乱成一团？A：先强刷浏览器缓存，八成能解决；若不行，多半是主题文件没上传完整，重新上传一次。
• Q：怎么回到最初的样子？A：把 PC 主题和手机主题都选回default并保存，一键"返璞归真"。
• Q：换主题会影响我的收藏吗？A：完全不会。主题只管"穿什么"，你的书签数据存在数据库里，两不相干。
• Q：想要更多主题去哪找？A：后台主题设置页里有在线主题库入口，浏览、下载、应用一条龙，也可以去社区找其他玩家分享的作品。

九、写在最后

这一趟走下来，你其实已经掌握了三件事：怎么给 OneNav 换主题、怎么让 PC 和手机分别用不同的主题、以及怎么动手做一套属于自己的皮肤。书签管理的核心是"省事"，而主题切换的核心是"顺眼"——两者结合，才是真正舒服的导航体验。

现在就可以动手了：登录后台，打开主题设置，先把default2穿上试试，不满意再换minima。五分钟，你就能拥有一面"每天打开都心情不错"的首页。

主题不用最花哨，适合你的才是最好的。愿你的 OneNav，一眼就是自己的风格。🎨

【免费下载链接】onenav使用PHP + SQLite 3开发的书签管理系统，将浏览器书签集中式管理，做到一处部署，随处访问。项目地址: https://gitcode.com/gh_mirrors/on/onenav