# chrome-bookmark-extension

**Repository Path**: sunhaikuo_admin/chrome-bookmark-extension

## Basic Information

- **Project Name**: chrome-bookmark-extension
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-02-19
- **Last Updated**: 2026-02-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Bookmark In New Tab

一个简洁美观的 Chrome 新标签页扩展，将您的书签以优雅的卡片形式展示在新标签页上。

![版本](https://img.shields.io/badge/version-1.1-blue.svg)
![Chrome](https://img.shields.io/badge/chrome-%E2%9C%93-brightgreen.svg)
![License](https://img.shields.io/badge/license-MIT-green.svg)

## ✨ 功能特性

- **📑 书签展示** - 在新标签页中以卡片形式展示所有书签栏书签
- **📁 文件夹支持** - 支持书签文件夹，可展开/折叠查看
- **🔍 搜索功能** - 快速搜索书签标题和 URL
- **📌 常用书签** - 创建【常用书签】文件夹，快速访问常用网站
- **🔄 自定义排序** - 通过上下按钮调整文件夹顺序，自动保存
- **🌓 主题切换** - 支持亮色/暗色/自动三种主题模式
- **🎉 点击动效** - 点击页面时的铃铛庆祝动画
- **📱 响应式布局** - 自适应不同屏幕尺寸（2-8列网格）
- **🎯 收藏功能** - 一键将书签添加到常用书签文件夹

## 🚀 安装方法

### 方式一：Chrome Web Store（推荐）

1. 访问 Chrome Web Store（即将上线）
2. 点击"添加至 Chrome"
3. 确认权限请求

### 方式二：开发者模式安装

1. 下载本项目的 `bookmark-newtab-v1.1.zip` 文件
2. 解压到本地文件夹
3. 打开 Chrome 浏览器，访问 `chrome://extensions/`
4. 开启右上角的"开发者模式"
5. 点击"加载已解压的扩展程序"
6. 选择解压后的文件夹

## 📖 使用说明

### 创建【常用书签】文件夹

在 Chrome 书签栏创建一个名为 `【常用书签】` 的文件夹，该文件夹会自动固定在新标签页最顶部。

### 调整文件夹顺序

每个普通文件夹标题左侧有 ↑ ↓ 按钮，点击可调整文件夹显示顺序，顺序会自动保存到本地。

### 搜索书签

在顶部搜索框输入关键词，即可实时过滤书签标题和 URL。

### 收藏书签

点击任意书签卡片，在弹出的操作面板中点击"收藏"按钮，即可将该书签复制到【常用书签】文件夹。

### 主题切换

点击搜索框右侧的主题按钮，可在亮色/暗色/自动三种模式间切换。

## 🛠️ 开发构建

```bash
# 安装依赖
yarn install

# 开发模式（监听文件变化）
yarn dev

# 生产构建
yarn build
```

## 📂 项目结构

```
chrome-bookmark-extension/
├── public/
│   ├── manifest.json    # 扩展配置文件
│   ├── icon.png         # 扩展图标
│   └── index.html       # 入口 HTML
├── src/
│   ├── App.tsx          # 主应用组件
│   ├── App.scss         # 样式文件
│   └── index.tsx        # 入口文件
├── dist/                # 构建输出目录
├── PRIVACY.md           # 隐私政策
└── README.md            # 本文件
```

## 🔒 隐私政策

本扩展程序：
- ✅ **不会收集任何用户个人信息**
- ✅ **不会上传数据到远程服务器**
- ✅ **仅在本地浏览器存储排序偏好**
- ✅ **仅请求 bookmarks 权限用于读取书签**

详见 [PRIVACY.md](./PRIVACY.md)

## 📝 更新日志

### v1.1 (2026-02-19)
- 添加上下移动按钮调整文件夹顺序
- 添加主题切换功能（亮/暗/自动）
- 添加点击庆祝动画
- 添加天气显示功能（已移除）
- 优化响应式布局

### v1.0
- 初始版本发布
- 基础书签展示功能
- 搜索和收藏功能

## 🤝 贡献

欢迎提交 Issue 和 Pull Request！

## 📄 许可证

MIT License

---

Made with ❤️ by Sunhaikuo