V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
horseInBlack
V2EX  ›  分享创造

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

  •  1
     
  •   horseInBlack ·
    coderdusk · 305 天前 · 1647 次点击
    这是一个创建于 305 天前的主题,其中的信息可能已经有所发展或是发生改变。

    简介

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

    预览 & 代码仓库

    预览

    Github

    技术栈

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

    截图

    首页截图 设置截图

    开源许可

    Apache 2.0

    20 条回复    2023-05-29 11:40:33 +08:00
    mundane
        1
    mundane  
       305 天前
    这也太简陋了吧
    liweiliang
        2
    liweiliang  
       305 天前
    还可以再简陋一点
    AaronHsiung
        3
    AaronHsiung  
       305 天前
    Quick Dial 2
    horseInBlack
        4
    horseInBlack  
    OP
       305 天前
    @AaronHsiung

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


    @mundane
    @liweiliang

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

    话说回来,我做这些开源小工具也只是保持随它去的原则,这只是我解决自己需求或者学习编程的练习,如果正好对您有帮助我很高兴,如果您有什么更详细的需求可以找别的或者自己丰富实现,我也帮不上忙
    NoOneNoBody
        5
    NoOneNoBody  
       305 天前
    为何都是用绝对路径?
    白板一块
    subframe75361
        6
    subframe75361  
       305 天前
    indexeddb 可以用 blob 存
    sunshower
        7
    sunshower  
       305 天前 via Android
    和书签的区别只有 有图片 吗
    dianso
        8
    dianso  
       305 天前
    我喜欢这种简单的,准备替代我 nas 里面的 flare
    dianso
        9
    dianso  
       305 天前
    能做个 docker 容器版么?
    i8k
        10
    i8k  
       305 天前
    导入数据支持啥格式?
    Vogan
        11
    Vogan  
       305 天前
    @dianso 试试 homer
    yangwcool
        12
    yangwcool  
       305 天前
    一直有个疑问,各类垃圾清理软件会不会把本地数据给清理掉啊?
    horseInBlack
        13
    horseInBlack  
    OP
       305 天前
    @subframe75361

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

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

    对,最大的区别就是缩略图模式列表模式
    同时背景、宽度、列数、间隙可以自定义
    horseInBlack
        15
    horseInBlack  
    OP
       305 天前
    @dianso

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

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

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

    或者试试 @Vogan 这位朋友推荐的 homer
    horseInBlack
        17
    horseInBlack  
    OP
       305 天前
    @i8k

    不好意思没说清楚,只能导入这个网站导出的数据,但是导出的数据是人类可读的 JSON ,用记事本打开都可以
    dianso
        18
    dianso  
       305 天前
    @horseInBlack #15 有打包好的么?本地没有开发环境。
    subframe75361
        19
    subframe75361  
       305 天前   ❤️ 1
    AaronHsiung
        20
    AaronHsiung  
       304 天前
    @horseInBlack 兄弟别这样,我只是看到这个界面标志性的大块卡片网址链接和左上角 tab 切换第一时间想到了 Speed Dial 2 ,没有别的意思。

    我也为我不加解释的评论向你道歉,我想把上面那条评论删了,但是没有发现删除功能。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3319 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 13:28 · PVG 21:28 · LAX 06:28 · JFK 09:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.