![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/image-68.png)
相信经常使用浏览器的朋友一定这样的经历:看到某个网站觉得好玩/有趣/以后有用,随手丢进收藏里。久而久之,浏览器的书签栏东西越来越多。当你真正想找个网页时,却要花费很长时间寻找。
而且,浏览器自带的书签管理功能往往不够直观和美观。如果我们可以把这些书签导出成一个静态网站,让它们以更直观和友好的方式展示出来,不仅更方便自己查找和使用书签,还可以轻松分享给他人。
本文包括以下内容:
🪄Tips:1. 此项目已在 GitHub 开源,Pintree官网地址:https://pintree.io/
2. Pintree 目前仅支持 Chrome 和 Edge 浏览器
为什么你需要 Pintree
一、可视化书签栏,快速找到灵感
有时候我们在 Chorme 上收藏了很多网页,但是等到用时怎么也找不到。使用 Pintree 可以将你的收藏夹可视化,变成预览图,让你快速就能找到自己需要的内容。
二、节约时间,提升工作效率
有了 Pintree ,你可以省去大量的查找时间,所有的收藏内容都一目了然,让你能够把更多的精力放在内容创作上。
三、制作专属导航站,拯救强迫症
如果你经常使用浏览器的收藏功能,那么如果里边的东西乱七八糟总会令人觉得头疼。Pintree 可以帮助你整理,把收藏夹里的东西分类、标签化,自定义你的浏览器书签,让你的收藏夹不再无序。
Pintree 的特色
一、界面美观
Pintree 的开发者是设计师出身,所以 Pintree 视觉效果很好。简洁的 UI 设计,使用起来非常舒适。最新的更新版本优化了深色模式主题颜色,以获得更好的视觉效果。
无论是图标🌲还是背景,都非常简洁美观。
![](https://topstip.com/wp-content/uploads/2024/07/Pintree书签栏变导航网站-scaled.jpeg)
二、操作简单
无需复杂的设置,工作的原理是书签 html 转 json,只要几步就能搞定。
三、功能强大
支持多种预览模式,将你的书签转换为美观、用户友好的导航网站。
操作步骤
一、安装 Pintree Bookmarks Exporter 插件(Chrome 插件)
【 Edge 插件地址 】
![](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-10.37.11.png)
二、使用 Pintree 的插件,将浏览器书签导出,保存 JSON 文件到本地
![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-10.38.58.png)
三、访问 Pintree GitHub 仓库,点击 Fork 按钮,将项目 Fork 到你的 GitHub 账号中。
![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-10.41.20.png)
四、打开你 GitHub 账号中的 Pintree 仓库(也就是刚才 Fork 的项目),上传最开始时导出的浏览器书签 JSON 文件至文件中
![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-10.44.23.png)
![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-10.52.13.png)
导入后的效果如下图所示
![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-10.54.35.png)
五、进入 Pintree 仓库页面的设置页面,找到 Pages 选项,选择 gh-pages 分支,然后点击 save
![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-10.55.49.png)
![Pintree书签栏变导航网站](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-11.18.39.png)
几分钟后,你的静态网站就会在 yourusername 上可用了。
💡 Besides,如果你不想将自己的书签栏生成个人导航网站。也可以使用 Pintree 的演示站,里面覆盖了很多使用频率高的网站,如各种各种的 AI 工具、AI 绘图工具、常用的插件、GitHub编程导航等等,供你探索使用。
![](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-11.10.34.png)
使用 Pintree 的小技巧:
为了方便/快捷找到导航网站,我们可以把 Pintree 固定在最前面,Chrome 和 Edge 都可以,如下图所示⬇️,固定住的图标是一颗小树🌲
![](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-19-08.45.59.png)
![](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-19-08.52.10.png)
Pintree 尚在完善中的功能
一、书签栏与导航网站同步
根据作者反馈:如果你的收藏夹更新了,目前仍需要重新上传 json 文件,同步功能尚在开发中,大家也可以期待一下。
![](https://topstip.com/wp-content/uploads/2024/07/截屏2024-07-18-17.17.52.png)
二、导航网站隐私管理功能
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 测试数值 (附测试题)
评论前必须登录!
立即登录 注册