pintree-io / pintree Goto Github PK

View Code? Open in Web Editor NEW

629.0 8.0 477.0 4.94 MB

An intuitive tool for managing and exporting your local bookmarks into a shareable website.

Home Page: https://app.pintree.io/

License: MIT License

CSS 53.28% HTML 46.72%

pintree's Introduction

Pintree

English | 中文

Pintree is an open-source project that aims to convert browser bookmarks into a navigation website. With just a few simple steps, you can transform your bookmarks into a beautiful and user-friendly navigation page.

Features and Goals

Export browser bookmarks
Convert bookmark files to JSON format
Generate a static navigation website

Installation and Running

Step 1: Download Browser Bookmarks

Install the Pintree Bookmarks Exporter extension.
Use the extension to export browser bookmarks and save the JSON file locally.

Step 2: Fork the Project

Visit the Pintree GitHub repository.
Click the Fork button in the upper right corner of the page to fork the project to your GitHub account.

Step 3: Replace the JSON File

Open the pintree repository in your GitHub account (the one you just forked).
Click on the json folder in the repository.
Click the Upload files button, select the JSON file you downloaded earlier, and upload it.
Make sure the uploaded file is named pintree.json, and select Commit changes.

Step 4: Enable GitHub Pages

In your pintree repository page, click on Settings.
Find the Pages option.
In the Source dropdown menu, select the gh-pages branch and click Save.
After a few minutes, your static website will be available at https://yourusername.github.io/pintree. Remember to replace yourusername.

Technologies Used

HTML/CSS/JavaScript
JSON format processing
Static website hosting

Contribution Guidelines

Contributions are welcome! Please follow these steps to participate in the project:

Fork this repository: https://github.com/Pintree-io/pintree/tree/main
Create a new branch (git checkout -b feature/your-feature)
Commit your changes (git commit -am 'Add some feature')
Push to the branch (git push origin feature/your-feature)
Submit a Pull Request

Please note that the main branch is the source code branch of the project, while the gh-pages branch is the branch for the packaged static website code. Develop and submit changes on the main branch, and we will be responsible for packaging and publishing the code to the gh-pages branch.

Contact

If you have any questions or suggestions, please contact us through the following ways:

Project website: Pintree
Email: [email protected]

Thank you for using and supporting Pintree!

pintree's People

Contributors

Stargazers

Watchers

Forkers

wanghao00025 aetee qxmao chaiyanpu moeyua ncwuguo jasondeepny yaml-own threexxxx nickem13 xiumao yaox1nlei ipfamily rayidea beimingmaster rongdc1 fablefatale dreamhuntor o1laabs yesreho aboceder yimuonly wanchuen sunnyyie jonychen95 unsung-dev chrislei125 chp20230826 shonee fxv2019 calmdown123456 xuzhizhi07 x-tangali yangdinghui xk756 jyzang fcjz zinc1234596 silencexuhh e2400 naojinerette rookieroo i1ve li-zhenfei trojan20161207 chenqs000 geekcheng kangta1027 fyxt mercy-why jerin370 zw9346 philterhuang propny jcdx russpalms ngambang yorjzide taoxinwang thanatrakul yyc90 pwwwle sdxzmy farisc0de youyuela gwb1991 jordiyapz melovalent-dbp louismoura ws1993 dobo1024 rayyannafees thyzy viggoxs yesonstyle iampk94 erbanku onlytl zchdoc destinysail crchenrun qq593990401 doriaruby liangchaofei firebro0 heartshare wakeup6xx pannz loqz99156 pachicodes andre-rd-rodrigues saonianlang chunkithwang qjqa chengbaoyuedu bigvast canrvi chen-yiyu bournelong jiachunhui

pintree's Issues

建议集成自动化功能

问题

目前来看，大佬的项目是依赖手动操作，当浏览器对书签进行操作的时候，并不能实时反馈到静态页面

思路

在浏览器扩展，提供一个手动或者定时导出浏览器书签到服务器的功能，静态页面通过js访问服务器获取书签信息并进行解析，毕竟在浏览器，任何第三方工具比不上自带的收藏夹功能，如果能实现定时同步+手动同步，那么就爽死了

其中的服务器角色，可以用Cloudflare workers+kv空间来实现，主打一个免费

feat: apply to folk and create React or Vue versions

Hello sir,
I love this idea, would like to try to develop new React (Next.js) or Vue versions for pintree, so that users can make deployment on more options like Vercel or Netlify or Cloudflare, etc. Are PRs accepted?

提个建议

有没有考虑过直接做进插件里，然后自动读取浏览器的书签生成界面信息，省去了导出和导入的步骤

请问如何设置仅自己可见 How do I set this to be visible only to myself?

Add default theme according to the system

Overview:

Pintree currently requires users to manually switch between light and dark themes. To enhance user experience and align with modern software practices, Pintree should automatically adjust its theme according to the system theme settings.

Problem:

Users who prefer their applications to match their system theme settings find it inconvenient to manually switch themes in Pintree. This lack of synchronization can lead to a disjointed user experience, especially for those who frequently toggle between light and dark modes on their devices.

Proposed Solution:

Implement a feature that allows Pintree to detect and apply the system theme automatically. This feature should include:

System Theme Detection: Use appropriate APIs (e.g window.matchMedia("(prefers-color-scheme: light)")) to detect the current system theme (light or dark)
Automatic Theme Application: Automatically switch Pintree’s theme to match the system theme upon startup and whenever the system theme changes.

Benefits:

Enhanced User Experience: Users enjoy a seamless and consistent visual experience across all applications.
Accessibility: Improves accessibility for users with visual impairments or those who require specific contrast settings.
Modernization: Keeps Pintree up-to-date with contemporary software standards, which commonly include system theme synchronization.