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

AiNewTab-把喜欢的书签设为首页。和 Chatgpt 对话超过几千轮,花费 358 元(域名+订阅费用),我用 ChatGPT 做了一个小众的书签导航插件。

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

    项目主页AiNewTab-Set Favorite Bookmarks as Homepage

    Chrome Web Store 地址chromewebstore.google.com

    手动安装教程cooing-loganberry-b74.notion.site

    使用教程cooing-loganberry-b74.notion.site

    演示视频https://youtu.be/ekhzlRdLS9c?si=lOSWVWFIzkl8bvCK

    核心功能如下

    一键设为主页

    选择书签文件夹,右键轻松将喜爱的书签设为主页,随心拖动排列,让浏览更符合你的习惯。 侧边栏树状视图让你直观管理书签文件夹,快速找到所需内容。

    AI 智能搜索

    在新标签页直接使用 AI 搜索,快速访问豆包、Kimi 、秘塔、felo 、ChatGPT 等,还支持 Google 、Bing 等经典搜索引擎,随心拖动排列,更加符合你的使用习惯。

    一键对比搜索

    一键在多个搜索引擎中查找同一内容,对比不同结果,助你找到最佳答案。

    选中文字搜索

    在任意网页使用鼠标选中文字后,通过点击侧边栏或快捷键( Alt + 1-6 打开对应搜索,Cmd/Ctrl + Enter 打开全部搜索)高效启动搜索。

    为什么要开发这个插件?

    其实很简单,我一直以来习惯用浏览器的书签作为自己的网站导航工具,但总觉得系统自带的书签栏不够好用,主要有几个问题:

    • 书签显示不全:书签栏只能显示有限的书签,超出部分就会被折叠,查找起来很麻烦。而且,我也不喜欢让浏览器地址栏下面再显示一条书签栏,显得很臃肿。

    • 文件夹不便:书签栏的文件夹默认是折叠的,每次都要手动点开,层层展开,感觉非常繁琐。

    • 层级太深:我收藏了很多书签,但有些已经忘记放在哪个文件夹里了,整理和查找起来都很费劲。

    我试用了很多插件,但发现大多数都不支持直接导入和自动同步书签,而且 UI 设计和交互体验也不符合我的要求。于是我想,既然找不到一个完全合适的工具,为什么不自己做一个呢?

    虽然我没有任何代码经验,但在 ChatGPT 和 Claude 的帮助下,我成功开发了这个插件,给自己打造了一个专属的导航站。

    在开发这个插件时,我给自己定了几个原则:

    • 本地优先:插件必须高效,页面加载要快,所以尽量用本地资源,比如网站图标和信息都通过 Chrome API 获取,能不联网就不联网。

    • 稳定优先:书签同步直接用 Chrome 或者 Edge 官方的功能,不折腾第三方服务。

    • 简单优先:插件装好后就能直接用,默认设置必须够友好,用户不需要导入、添加什么乱七八糟的东西,简洁明了。

    • 场景优先:根据不同使用场景做优化,比如专门为日常搜索做了一个模块,提升使用体验。

    • 重点优先:常用书签优先展示,减少在一堆书签里翻找的时间,让最常用的书签触手可及。

    虽然插件现在还没完全达到我理想中的效果,但接下来我会继续优化,尤其是搜索功能。比如,计划增加书签搜索、历史记录搜索、更多的 AI 搜索(类似哥飞和 Orange.ai 的产品),还会加入一些小组件,提升整体的使用体验。

    这个项目也是我第一个项目,只懂一点前端皮毛的产品,和 ChatGPT 死磕,才达到一个稍微可用的版本,同时也赖着性子写教程,学做视频。最后打铁还需自身硬,要想把自己的想法实现,还是要学习,单纯靠 ai,还是很难开发复杂的项目。

    最后欢迎大家使用和反馈👏

    11 条回复    2024-08-27 10:25:17 +08:00
    kiroli
        1
    kiroli  
       90 天前
    mark 支持,试试
    kveln
        2
    kveln  
    OP
       90 天前
    @kiroli 欢迎使用反馈👏
    kalman03
        3
    kalman03  
       90 天前
    不错,简单好用
    kveln
        4
    kveln  
    OP
       90 天前
    @kalman03 用了有啥想法和建议不💡
    kalman03
        5
    kalman03  
       90 天前
    @kveln 其他页面浏览的时候,请去掉那个常驻的呼出书签的按钮。
    1 、影响我全屏截图,逼迫我卸载;
    2 、感觉窥探我隐私。
    tutulyy
        6
    tutulyy  
       90 天前
    搜索这块功能。能否给我一个用这个产品,而不选择 sider 的理由?
    kveln
        7
    kveln  
    OP
       90 天前
    @kalman03 哈哈,这个插件不联网,不会窥探隐私,这个悬浮球可以后面配置关闭。
    kveln
        8
    kveln  
    OP
       90 天前
    @tutulyy 那比不了,Sider 直接用的 api ,我这还是新标签页,侧边栏 chat 方面还是 Sider 方便
    ml1p
        9
    ml1p  
       89 天前
    稍微移动个书签位置就自动回到原位,和 markoob 比还差得远
    kveln
        10
    kveln  
    OP
       89 天前
    @ml1p 我来了解下 markoob ,我这个拖动书签本来也想是要局部刷新的,但是 ChatGPT 一直没能给我实现,我就让它拖动书签后刷新整个页面🥲
    kveln
        11
    kveln  
    OP
       89 天前
    @ml1p markoob 确实很棒,设计的也很优雅,很多我想到的它也实现了,感谢推荐。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2621 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 04:34 · PVG 12:34 · LAX 20:34 · JFK 23:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.