一个适配WordPress导航站的书签导航插件

一直想要做一个自己的书签页，用过itab、wetab、mtab，看到一为也出了一个io-tab，当时忍住了买。后来看到AI这么厉害，我决定：干脆自己写一个。自己完全小白，不懂任何语言代码，纯靠自然语言指导。
于是就有了 a-tab —— 一个基于 WordPress 的书签导航页插件。

这个插件能做什么

玻璃拟态设计，支持自定义壁纸

插件默认采用深色玻璃拟态风格，支持纯色、渐变、图片、Bing 每日壁纸四种背景模式。你可以右键空白处随时切换，还能调节模糊度和亮度。

文件夹分组 + 2×2 大文件夹

书签可以按分组整理，分组支持普通列表和 2×2 大文件夹两种展示形式。大文件夹里会显示前四个书签的图标，点击后弹出展开面板，内部的书签布局和外部完全一致。

拖拽排序，自由布局

书签卡片支持 1×1、1×2、2×2、2×4 四种尺寸，右键即可切换。拖拽可以调整位置，拖到文件夹上就能移入分组。操作逻辑跟手机桌面几乎一样，零学习成本。

Dock 栏

底部 Dock 栏可以放置最常用的书签，右键即可添加或移除。不管当前在哪个分组，Dock 里的书签始终可见。

多数据源支持

如果你在用 OneNav 主题，插件可以直接读取 OneNav 的书签数据。没用 OneNav 也没关系，插件自带独立的数据管理，完全不受影响。

游客模式

未登录的访客也能使用，数据保存在浏览器本地。关闭引导页后即可自由编辑，适合作为个人公开导航页。

技术实现上的一些选择

写这个插件的时候，我在技术栈上做了几个刻意的设计：

纯原生 JavaScript，没引入任何前端框架。 导航页是用户每天打开浏览器的第一站，加载速度必须快。Vanilla JS 加上 CSS Grid 和 Flexbox，完全够用，还省下了框架的体积。

REST API 驱动。 前后端通过 WordPress REST API 通信，数据交互清晰，也方便以后扩展。

localStorage 做游客数据缓存。 未登录用户的数据先存本地，登录后可以同步到服务器。这样既保证了体验，又不会丢失数据。

怎么安装

安装过程很简单：

1. 把插件上传到 WordPress 的 wp-content/plugins/ 目录
2. 在后台启用插件
3. 新建一个页面，选择 "书签导航页" 模板
4. 访问这个页面，就能看到导航页了
   如果你在用 OneNav 主题，插件会自动识别并读取现有数据。没用 OneNav 的话，直接在页面上右键添加书签即可。

写在最后

a-tab 目前还在持续迭代中，纯AI写的项目，bug应该很多。如果你也在找一个 属于自己、可控、好看 的浏览器起始页，不妨试试。

项目开源在 GitHub 上，欢迎提 Issue 或 PR。

GitHub： https://github.com/cratc/a-tab