# SmartBookmarkManager

**Repository Path**: tozhr/SmartBookmarkManager

## Basic Information

- **Project Name**: SmartBookmarkManager
- **Description**: 好用的浏览器书签管理插件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-07
- **Last Updated**: 2025-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一个浏览器书签管理的插件

## 插件简介

这是一个浏览器书签管理的插件，可以读取现有的收藏夹，展示其中的内容。插件支持亮色和暗色主题切换，并且可以编辑和删除书签。

## 技术栈

- **前端技术**:
  - **HTML**: 结构化页面内容
  - **CSS**: 样式设计和主题切换
  - **JavaScript**: 交互逻辑和动态内容渲染

## 功能细节

1. **界面布局**
   - 分为左右两部分：
     - 左侧展示收藏夹顶层目录，目录名，默认选中第一个顶层目录，可以切换。
     - 右侧内容根据选中的目录动态切换。

2. **书签展示**
   - 顶部是搜索框。
   - 下面依次展示选中的目录下的书签。
   - 如果还有子目录则子目录的名称展示为二级标题，二级标题下面展示对应子级书签。

3. **书签细节**
   - 每个书签展示图标和标题，标题最多展示12个字，hover可以展示所有字。

4. **界面效果**
   - 界面高端，大气，bulingbuling 的效果。
   - 可以替代浏览器空白页。

5. **书签编辑功能**
   - hover 在书签上的时候，在书签的最右侧：
     - 上方展示编辑按钮，点击编辑可以修改链接和名称；
     - 下方展示删除按钮，按钮都用图标展示，点击二次确认是否删除，确认后删除。

## 使用方法

1. **安装插件**
   - 下载插件代码并加载到浏览器扩展中。

2. **使用插件**
   - 打开插件页面，左侧展示收藏夹目录，右侧展示选中目录下的书签。
   - 使用搜索框搜索书签。
   - 点击书签右侧的编辑按钮可以修改书签信息。
   - 点击书签右侧的删除按钮可以删除书签，删除前会弹出确认对话框。

## 代码结构

- **styles.css**: 样式文件，包含主题切换、书签展示、交互效果等样式。
- **script.js**: 脚本文件，包含书签数据处理、渲染逻辑、事件监听等。
- **modal.css**: 弹窗样式文件，包含编辑书签时的弹窗样式。
- **readme.md**: 项目文档，包含项目简介、功能细节、使用方法等。