diff --git a/.DS_Store b/.DS_Store index 3bd9932c120d8116e57edf30bcb64c367c901f15..ffe962f68a0a4e8cc671d0593cc717ea08ae6a47 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.gitignore b/.gitignore index 40685162ca665d0d8849da9ca0b60142acd05fc1..7cdb4e8ea49f4b926c1c52927a997c84dac75186 100644 --- a/.gitignore +++ b/.gitignore @@ -118,4 +118,4 @@ dmypy.json package-lock.json node_modules/ 网页拼音注释/ -*.zip \ No newline at end of file +# *.zip \ No newline at end of file diff --git a/bookmarks-plus/README.en.md b/bookmarks-plus/README.en.md new file mode 100644 index 0000000000000000000000000000000000000000..645e81ae21244586872f561baba491e17d0418cf --- /dev/null +++ b/bookmarks-plus/README.en.md @@ -0,0 +1,100 @@ +# Bookmarks Plus (Chrome Extension) + +A modern Chrome bookmarks manager extension built with Vue 3, TypeScript, and Vite. Features local bookmark tree management, Gitee cloud sync, smart search, batch operations, and more. + +[![License](https://img.shields.io/github/license/yongtaozheng/bookmarks-manage)](LICENSE) +[![Chrome Web Store](https://img.shields.io/chrome-web-store/v/your-extension-id?label=Chrome%20Web%20Store)](https://chrome.google.com/webstore/detail/your-extension-id) +[![Build Status](https://img.shields.io/github/actions/workflow/status/yongtaozheng/bookmarks-manage/ci.yml?branch=main)](https://github.com/yongtaozheng/bookmarks-manage/actions) + +--- + +## Screenshots + +![Popup Main](./screenshots/popup-main.png) +![Gitee Config](./screenshots/popup-gitee.png) +![Global Search](./screenshots/search-demo.png) + +--- + +## Features + +- 📚 **Bookmark Tree Management**: Visualize and manage bookmarks with multi-level folders, batch delete, and drag-and-drop sorting. +- 🔍 **Global Search**: Trigger search box with triple Cmd/Win, fuzzy search bookmarks/folders, type folder name to browse all bookmarks inside. +- ☁️ **Gitee Cloud Sync**: One-click sync to Gitee repo, supports overwrite/merge upload and download. +- 🗂️ **Recursive Merge**: Merges all folders and bookmarks recursively, avoiding duplicates. +- 🛡️ **Data Security**: Config stored in browser indexDB. +- 🖥️ **Modern UI**: Beautiful, user-friendly, dark mode supported. + +## Getting Started + +```bash +git clone +cd bookmarks-plus +npm install +npm run dev +``` + +- Visit `http://localhost:5173` for UI preview. +- For extension development, use Chrome's "Load unpacked" and select the `dist` folder. + +## Build + +```bash +npm run build +``` + +- The build output is in the `dist/` directory, ready for Chrome extension loading. + +## Directory Structure + +``` +bookmarks-plus/ +├── public/ # Public assets +│ └── icon.jpg # Extension icon +├── src/ +│ ├── assets/ # Static assets +│ ├── components/ # Vue components (e.g. BookmarkTree) +│ ├── App.vue # Main UI +│ ├── popup.ts # Popup logic, Gitee sync +│ ├── content-search.ts # Content script, global search +│ ├── background.ts # Background script, bookmark data communication +│ └── style.css # Global styles +├── popup.html # Extension popup page +├── manifest.json # Chrome extension manifest +├── vite.config.ts # Vite config +└── ... # Other config files +``` + +## Main Features + +- **Popup Panel**: Click the extension icon to open, supports one-click open bookmarks manager, Gitee config, sync buttons, help. +- **Gitee Sync**: + - Overwrite Save: Overwrite Gitee with local bookmarks. + - Merge Save: Recursively merge local and Gitee bookmarks, then save. + - Overwrite Fetch: Replace local bookmarks with Gitee data. + - Merge Fetch: Recursively merge Gitee and local bookmarks, then replace local. +- **Global Search**: Triple Cmd/Win to open search, supports fuzzy match, folder search, enter/click to jump. + +## Permissions + +- `bookmarks`: Access and manage browser bookmarks +- `tabs`, `activeTab`: Open new tabs +- `storage` (via indexDB): Store config locally + +## Gitee Config + +Fill in your Gitee Token, repo, branch, and file path in the popup panel. Supports auto-save and auto-fill. + +## Development Tips + +- Use the latest Chrome browser. +- For extension debugging, use "Developer mode" and load the `dist` directory. +- Code is TypeScript strict-mode, VSCode recommended. + +## Contribution + +PRs and issues are welcome! + +--- + +> **Tip:** Replace badge URLs and screenshot paths with your own resources as needed. diff --git a/bookmarks-plus/README.md b/bookmarks-plus/README.md index 33895ab2002862766f2df205d5783f14cd0c1d74..4e4b475847c55614da696bee504d2e90eca2a0b9 100644 --- a/bookmarks-plus/README.md +++ b/bookmarks-plus/README.md @@ -1,5 +1,94 @@ -# Vue 3 + TypeScript + Vite +# 书签管理器(Chrome 插件) -This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `