LOCAL NAVIGATION GUIDE

如何自定义快捷工具和常用站点?

首页「常用站点」标题右侧的快捷工具、下方的图标网格,都可以按你的使用习惯自由增删改。这篇教程带你走一遍从打开设置到保存生效的完整流程,并说明备份迁移与数据隐私问题。

立即去设置 返回首页
目录
  1. 设置页能做什么
  2. 两个可定制区域
  3. 定制快捷工具
  4. 定制常用站点
  5. 排序、删除与保存
  6. 导入、导出与恢复默认
  7. 数据保存在哪里
  8. 常见问题

设置页能做什么

没节操网址导航不做账号体系,也不收集你的浏览习惯。打开首页右上角的 齿轮 图标即可进入「导航设置」页,在那里你可以:

  • 修改每个工具、站点的名称、跳转链接与图标;
  • 添加自己每天必用、但首页默认没有的网站;
  • 排序与删除,把最常用的入口放到最顺手的位置;
  • 导出 / 导入 JSON,把整套配置备份或迁移到其他浏览器;
  • 一键恢复内置默认,随时回到最初的样子。

设置页中的所有操作都只改动当前编辑内容,点击底部「保存并返回」后才会写入浏览器并在首页生效;中途点「取消并返回」不会留下任何改动。

两个可定制区域

设置页分为上下两个板块,分别对应首页的两个位置:

快捷工具

显示在「常用站点」标题右侧

一排文字链接,适合放查快递、在线工具这类高频小入口。

  • 名称(必填)
  • 链接(必填)
  • 文字颜色(可选)

常用站点

显示在首页图标网格中

带图标的卡片网格,适合放视频、购物、社交等网站入口。

  • 名称(必填)
  • 网站链接(必填)
  • 图片地址(必填)
  • 悬停提示(可选)

定制快捷工具

在「快捷工具」板块右上角点击 添加工具, 列表末尾会出现一行新工具,把默认的「新工具 / example.com」改成你自己的内容即可。

三个字段怎么填

字段 说明 限制
名称 显示在首页的文字,例如「传文件」 必填,不超过 40 个字
链接 点击后跳转的地址,需以 https://http:// 开头;站内页面也可填 ./more/xxx.html 这类相对路径 必填,最长 2048 个字符
文字颜色 可点取色器选色,也可手动填写十六进制色值,例如 #07c160#e0760c;留空则使用默认颜色 可选

出于安全考虑,javascript:data: 等非网址协议的内容无法通过校验,保存时会提示对应行不正确,请改回普通网页链接。

定制常用站点

在「常用站点」板块点击 添加站点, 新增一行卡片并实时显示图标预览,边填边看效果。

四个字段怎么填

字段 说明 限制
名称 图标下方显示的站名 必填,不超过 40 个字
网站链接 卡片点击跳转地址,规则与快捷工具相同 必填
图片地址 图标的图片直链,粘贴后左侧预览会立即加载;图片无法访问时会自动回退为默认图标 必填,可访问的图片 URL
悬停提示 鼠标停在卡片上时浮现的小字,例如「有问题,就会有答案」 可选,不超过 100 个字

如何获得图片外链

把图标上传到图床或对象存储,复制图片直链粘贴到「图片地址」即可。图标文件很小(通常几 KB 到几十 KB),下面这些服务的免费额度个人使用绰绰有余:

  • 省事之选 · 公共图床: 聚合图床:提供 500 MB 免费存储空间,服务稳定运营多年;打开网页直接上传、无需配置,复制外链即可使用,适合只想快速搞定的同学。
  • 稳定之选 · 对象存储(S3):自建存储桶托管图标,链接长期可控、不怕图床跑路,免费额度对个人导航页完全够用——
    • 多吉云:赠送 10 GB 免费存储空间,每月另有 20 GB 免费下载流量;
    • 缤纷云:每月 50 GB 存储、10 GB 出口流量及 10 万次请求免费额度。

对象存储创建存储桶后,记得将访问权限设为公共读,再上传图片并复制其外链。图标推荐使用正方形的 SVG、PNG 或 WebP,在网格中显示最整齐。

小技巧:很多网站的图标可以直接从网页源码里找到 favicon 或 logo 地址;不确定链接是不是「直链」时,把地址单独粘贴到浏览器地址栏,能直接看到一张图片而不是一个网页,就是直链。

排序、删除与保存

调整顺序

每一行末尾有 上移下移 两个按钮,点一下与相邻条目交换位置。首页将严格按照这里的从上到下顺序显示。

删除不要的条目

点击 删除 立即移除该行。删除只影响编辑内容,保存前反悔可以点「恢复内置默认」找回。

保存并返回

确认无误后点击底部 保存并返回,页面自动跳回首页,改动立即生效。存在未保存修改时关闭或离开页面,浏览器会弹出确认提示,防止误丢内容。

数量上限:快捷工具最多 40 个,常用站点最多 120 个,达到上限后「添加」按钮会提示无法继续增加。

导入、导出与恢复默认

设置页顶部的「导入与导出」板块用于备份和迁移配置。导出的文件名为 meijiecao-nav-v1.json,内容结构如下:

// 快捷工具:[名称, 链接, 颜色?]
// 常用站点:[名称, 链接, 图片地址, 悬停提示?]
{
  "v": 1,
  "q": [
    ["在线工具", "https://www.meijiecao.top/"],
    ["流量卡", "https://example.com/card", "#e0760c"]
  ],
  "f": [
    ["知乎", "https://www.zhihu.com/", "https://example.com/zhihu.svg", "有问题,就会有答案"]
  ]
}

导出 JSON

点击「导出 JSON」会先校验当前内容,通过后立即下载配置文件。建议在整理好一套顺手配置后导出一份,当作备份长期保留。

导入 JSON

点击「导入 JSON」选择备份文件(需小于 256KB),校验通过后会替换当前编辑内容。注意:导入不会自动保存,确认导入内容无误后,仍需点击「保存并返回」才会真正生效。

恢复内置默认

想从零开始或找回被删掉的默认站点时,点击「恢复内置默认」并确认,编辑区会还原成网站自带的整套内容,同样需要再点一次「保存并返回」。

如果当前有尚未保存的修改,导入文件或恢复默认前都会弹出确认框,避免误操作覆盖正在编辑的内容。

数据保存在哪里

所有自定义内容都保存在当前浏览器的 localStorage 中(键名 app-nav-v1),不注册账号、不上传服务器、不跨设备同步。这意味着:

  • Chrome 里设置的内容,Edge、手机浏览器里看不到,需要用 JSON 导出 / 导入迁移;
  • 清除浏览器数据、使用无痕模式或重装浏览器后,自定义内容会被一并移除,重要配置请提前导出备份;
  • 明暗主题偏好单独保存在 app-theme 键中,跟随系统 / 浅色 / 深色三档循环切换。

迁移到新电脑的完整流程:旧浏览器打开设置页 → 导出 JSON 并把文件发到新设备 → 新浏览器打开本站设置页 → 导入 JSON → 保存并返回,收工。

常见问题

点了「保存并返回」,首页却没有变化?

自定义数据保存在点击保存时所用的同一个浏览器中,请确认设置页与首页在同一浏览器、同一用户配置下打开,必要时强制刷新页面(Windows:Ctrl + F5)。另外,如果点击的是「取消并返回」或直接关闭了设置页,修改不会被保存。

换电脑或换浏览器后,自定义还在吗?

不在。数据只保存在本地,没有云端同步。请在旧浏览器的设置页「导出 JSON」,再到新浏览器的设置页「导入 JSON」并保存。

图标裂图、不显示怎么办?

图片地址必须是可直接访问的图片直链,推荐正方形 SVG、PNG 或 WebP,并尽量使用 HTTPS。部分图床有防盗链或链接有效期限制,失效后图标会自动回退为默认图标,换一个可用直链即可恢复。

最多可以添加多少个?

快捷工具最多 40 个,常用站点最多 120 个;名称不超过 40 个字,常用站点的悬停提示不超过 100 个字,链接必须以 http://https:// 开头。

改错了想撤销怎么办?

还没保存时直接点「取消并返回」即可丢弃本次修改;已经保存过,可以在设置页点「恢复内置默认」再保存,或者导入之前导出的 JSON 备份回到任意历史版本。

手机上也能自定义吗?

可以。设置页针对手机屏幕做了适配,用手机浏览器打开本站、进入右上角设置即可操作。注意手机浏览器的本地数据与电脑互不通用,同样通过 JSON 文件迁移。

把导航改成你自己的样子

不需要注册,也不会上传任何数据。花两分钟整理一遍,下次打开首页就都是你的常用入口。

打开导航设置 返回首页