Pintree：帮你把杂乱无序的浏览器收藏夹变成个人导航网站

相信经常使用浏览器的朋友一定这样的经历：看到某个网站觉得好玩/有趣/以后有用，随手丢进收藏里。久而久之，浏览器的书签栏东西越来越多。当你真正想找个网页时，却要花费很长时间寻找。

而且，浏览器自带的书签管理功能往往不够直观和美观。如果我们可以把这些书签导出成一个静态网站，让它们以更直观和友好的方式展示出来，不仅更方便自己查找和使用书签，还可以轻松分享给他人。

本文包括以下内容：

• 为什么你需要 Pintree
• Pintree 的特色
• Pintree 使用教程和技巧
• Pintree 尚在完善中的功能
• 本文小结

🪄Tips：1. 此项目已在 GitHub 开源，Pintree官网地址：https://pintree.io/

2. Pintree 目前仅支持 Chrome 和 Edge 浏览器

为什么你需要 Pintree

一、可视化书签栏，快速找到灵感

有时候我们在 Chorme 上收藏了很多网页，但是等到用时怎么也找不到。使用 Pintree 可以将你的收藏夹可视化，变成预览图，让你快速就能找到自己需要的内容。

二、节约时间，提升工作效率

有了 Pintree ，你可以省去大量的查找时间，所有的收藏内容都一目了然，让你能够把更多的精力放在内容创作上。

三、制作专属导航站，拯救强迫症

如果你经常使用浏览器的收藏功能，那么如果里边的东西乱七八糟总会令人觉得头疼。Pintree 可以帮助你整理，把收藏夹里的东西分类、标签化，自定义你的浏览器书签，让你的收藏夹不再无序。

Pintree 的特色

一、界面美观

Pintree 的开发者是设计师出身，所以 Pintree 视觉效果很好。简洁的 UI 设计，使用起来非常舒适。最新的更新版本优化了深色模式主题颜色，以获得更好的视觉效果。

无论是图标🌲还是背景，都非常简洁美观。

二、操作简单

无需复杂的设置，工作的原理是书签 html 转 json，只要几步就能搞定。

三、功能强大

支持多种预览模式，将你的书签转换为美观、用户友好的导航网站。

操作步骤

一、安装 Pintree Bookmarks Exporter 插件（Chrome 插件）

【 Edge 插件地址 】

二、使用 Pintree 的插件，将浏览器书签导出，保存 JSON 文件到本地

三、访问 Pintree GitHub 仓库，点击 Fork 按钮，将项目 Fork 到你的 GitHub 账号中。

四、打开你 GitHub 账号中的 Pintree 仓库（也就是刚才 Fork 的项目），上传最开始时导出的浏览器书签 JSON 文件至文件中

导入后的效果如下图所示

五、进入 Pintree 仓库页面的设置页面，找到 Pages 选项，选择 gh-pages 分支，然后点击 save

几分钟后，你的静态网站就会在 yourusername 上可用了。

💡 Besides，如果你不想将自己的书签栏生成个人导航网站。也可以使用 Pintree 的演示站，里面覆盖了很多使用频率高的网站，如各种各种的 AI 工具、AI 绘图工具、常用的插件、GitHub编程导航等等，供你探索使用。

使用 Pintree 的小技巧：

为了方便/快捷找到导航网站，我们可以把 Pintree 固定在最前面，Chrome 和 Edge 都可以，如下图所示⬇️，固定住的图标是一颗小树🌲

Pintree 尚在完善中的功能

一、书签栏与导航网站同步

根据作者反馈：如果你的收藏夹更新了，目前仍需要重新上传 json 文件，同步功能尚在开发中，大家也可以期待一下。

二、导航网站隐私管理功能

Pintree 的私密管理的功能尚在开发完善中。

如果你不想自己的 JSON 文件被其他人 Fork 走，目前只能将 json 添加到 gitignore 文件里。不过，这也有个 BUG：就算 private了，能看到你的网站的人就能找到你的 json 文件。

本文小结

虽然 Pintree 是个起步的项目，仍在完善中，但在 GitHub 上已经 Star 超过了400次，得到了230+ 次 fork。如果你在使用过程中，有任何的问题，可以在 Github 的 README 中找到微信群二维码加群，很多开发者通过 Pull Request 和 Issue 给 Pintree 提出了宝贵的建议和改进意见，项目的功能和稳定性得到了显著提升，期待 Pintree 茁壮成长、成熟🌲！

你可能还想看：

• 人工智能露出了它的獠牙：这些已经被 AI 替代 走向边缘化的职业
• Felo Search ：一款免费的 AI 搜索工具 可自动跳转目的网站
• Zlibrary 202407 最新可用地址与镜像合集
• 2024 最新美区 Apple ID 注册完整教程  (跳过付款方式)
• 2024 最新谷歌邮箱 Gmail 账号注册完整指南 
• 谷歌搜索 谷歌学术 SCI-HUB 最新镜像站入口
• DND 道德阵营测试：你是真善良 中立自由者还是伪君子？
• 荣格八维：理解八维功能 解读你的 MBTI 测试数值 (附测试题)