本地导航 - 一个开源的数据完全保存在本地网址收藏导航网站

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 543 天前的主题，其中的信息可能已经有所发展或是发生改变。

简介

一个数据完全保存在本地（完全不用担心跑路）的网址收藏导航网站，没有同步功能，但能导入导出数据，导出数据人类可读。背景图片、书签封面以 base64 保存在 IndexedDB ，存储容量较为宽松。

预览 & 代码仓库

预览

Github

技术栈

TS
Vue 3 / Pinia / ElementPlus
IndexedDB/ PWA

截图

首页截图设置截图

开源许可

Apache 2.0

indexeddb

截图

导出

保存

20 条回复 • 2023-05-29 11:40:33 +08:00

mundane

2023-05-28 12:07:54 +08:00

这也太简陋了吧

liweiliang

2023-05-28 15:30:50 +08:00

还可以再简陋一点

AaronHsiung

2023-05-28 15:34:45 +08:00

Quick Dial 2

horseInBlack

2023-05-28 16:10:31 +08:00

@AaronHsiung

刚搜了一下没搜到“Quick Dial 2”，Google 只返回了 “Speed Dial 2”，我确实是抄袭的 Speed Dial 2

@mundane
@liweiliang

hhhh ，确实简陋，只有分组、书签的增删改，还有简单的设置
不过我自己购买了上面的 Speed Dial 2 会员，真正用到的也只有这点
况且这只是一个小工具，完全免费，数据在本地而且随时可以导出，不像网盘、密码管理工具，有信息安全和迁移成本的考量
而且我做这个出发点也是自己学习来练手，目的不是学习设计产品只是学习编程，如果有人想找个入门或者类似案例也可以参考下（我自己看到非常厉害的开源项目也会因为跟自己水平差得太多而看不懂）

话说回来，我做这些开源小工具也只是保持随它去的原则，这只是我解决自己需求或者学习编程的练习，如果正好对您有帮助我很高兴，如果您有什么更详细的需求可以找别的或者自己丰富实现，我也帮不上忙

NoOneNoBody

2023-05-28 16:50:32 +08:00

为何都是用绝对路径？
白板一块

subframe75361

2023-05-28 17:12:02 +08:00

indexeddb 可以用 blob 存

sunshower

2023-05-28 17:21:24 +08:00 via Android

和书签的区别只有有图片吗

dianso

2023-05-28 17:22:37 +08:00

我喜欢这种简单的，准备替代我 nas 里面的 flare

dianso

2023-05-28 17:23:23 +08:00

能做个 docker 容器版么？

i8k

2023-05-28 17:25:33 +08:00

导入数据支持啥格式？

Vogan

2023-05-28 18:33:50 +08:00

@dianso 试试 homer

yangwcool

2023-05-28 19:14:07 +08:00

一直有个疑问，各类垃圾清理软件会不会把本地数据给清理掉啊？

horseInBlack

2023-05-28 19:17:57 +08:00

@subframe75361

感谢提醒，我这个不是直接存在 IndexedDB 的，是用 localForage 库以类似 localStorage 的方式将数据存储在 IndexedDB 的，区别就是它是以字符串的形式存取的

之前用 base64 相对比较多，没意识到 blob 也能转成 JSON 字符串，之后可以试试，应该会减少一点存储占用

horseInBlack

2023-05-28 19:19:08 +08:00

@sunshower

对，最大的区别就是缩略图模式列表模式
同时背景、宽度、列数、间隙可以自定义

horseInBlack

2023-05-28 19:21:39 +08:00

@dianso

感谢你的喜欢，没有做 docker 容器的计划（不会

按照我的理解，这个项目打包成 HTML 后直接放到任意 Web 服务器上就可以了，任何轻量的都可以，跟 txt 差不多通用了

horseInBlack

2023-05-28 19:24:25 +08:00

@dianso

我记得之前有人做过一个类似的导航网站，很漂亮，好像也是打包成 HTML 的，可以直接通过特斯拉访问，刚搜了一下没搜到

或者试试 @Vogan 这位朋友推荐的 homer

horseInBlack

2023-05-28 19:26:08 +08:00

@i8k

不好意思没说清楚，只能导入这个网站导出的数据，但是导出的数据是人类可读的 JSON ，用记事本打开都可以

dianso

2023-05-28 19:41:01 +08:00

@horseInBlack #15 有打包好的么？本地没有开发环境。

subframe75361

2023-05-28 20:06:00 +08:00

@horseInBlack #13 https://localforage.github.io/localForage/#data-api-setitem 用库也是支持的

AaronHsiung

2023-05-29 11:40:33 +08:00

@horseInBlack 兄弟别这样，我只是看到这个界面标志性的大块卡片网址链接和左上角 tab 切换第一时间想到了 Speed Dial 2 ，没有别的意思。

我也为我不加解释的评论向你道歉，我想把上面那条评论删了，但是没有发现删除功能。