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

[horseInBlack]

简介

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

预览 & 代码仓库

预览

Github

技术栈

• TS
• Vue 3 / Pinia / ElementPlus
• IndexedDB/ PWA

截图

开源许可

Apache 2.0

[mundane]

这也太简陋了吧

[liweiliang]

还可以再简陋一点

[AaronHsiung]

Quick Dial 2

[horseInBlack]

@AaronHsiung

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


@mundane
@liweiliang

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

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

[NoOneNoBody]

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

[subframe75361]

indexeddb 可以用 blob 存

[sunshower]

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

[dianso]

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

[dianso]

能做个 docker 容器版么？

[i8k]

导入数据支持啥格式？

[Vogan]

@dianso 试试 homer

[yangwcool]

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

[horseInBlack]

@subframe75361

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

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

[horseInBlack]

@sunshower

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

[horseInBlack]

@dianso

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

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

[horseInBlack]

@dianso

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

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

[horseInBlack]

@i8k

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

[dianso]

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

[subframe75361]

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

[AaronHsiung]

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

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