praveenjadhav1510/save-links
GitHub: praveenjadhav1510/save-links
SaveLinks 是一款基于 React 构建的隐私优先的本地书签管理器，通过卡片式界面帮助用户组织、美化和加密分享他们的常用链接。
Stars: 4 | Forks: 3
# SaveLinks - 您的终极书签管理器
[](https://choosealicense.com/licenses/mit/)
[](https://reactjs.org/)
[](https://praveenjadhav1510.github.io/save-links)
**SaveLinks** 是一款高级、轻量级且注重隐私的书签管理器，它允许您将最喜欢的 URL 组织到一个美观且互动的卡片式界面中。它基于 React 构建，无需账户或数据库存储即可提供无缝的用户体验——一切数据都保留在您的浏览器中。
## 主要功能
- **交互式卡片 UI**：将链接组织成生动、可自定义的卡片。
- **智能主题**：为您的卡片选择自定义颜色，以便进行视觉分类。
- **自动获取 Favicon**：自动检索高质量的 Favicon，呈现专业外观。
- **拖放排序**：通过流畅的拖放交互轻松排列您的链接。
- **加密数据可移植性**：
- 将您的集合导出为加密的 `.txt` 文件。
- 使用唯一的收发加密密钥进行安全共享（由 CryptoJS 提供支持）。
- **高级过滤**：按类别或标题快速查找链接。
- **完全响应式**：针对桌面和移动设备进行了优化。
- **玻璃拟态设计**：现代、时尚的美学设计，具有透明层和流畅的过渡。
## 技术栈
- **前端**：[React.js](https://reactjs.org/)
- **拖放**：[@dnd-kit](https://dnd-kit.com/)
- **加密**：[Crypto-JS](https://www.npmjs.com/package/crypto-js)
- **图标**：[FontAwesome](https://fontawesome.com/)
- **样式**：Vanilla CSS（自定义玻璃拟态设计）
- **提示框**：[react-tooltip](https://www.npmjs.com/package/react-tooltip)
- **部署**：[GitHub Pages](https://pages.github.com/)
## 截图
| 仪表盘概览 | 添加新卡片 |
| :---: | :---: |
|  |  |
| 安全导出 | 加密导入 |
| :---: | :---: |
|  |  |
## 快速开始
按照以下步骤在您的本地计算机上运行该项目。
### 前置条件
- Node.js（v14 或更高版本）
- npm 或 yarn
### 安装说明
1. **克隆仓库**
git clone https://github.com/praveenjadhav1510/save-links.git
2. **进入项目目录**
cd save-links
3. **安装依赖**
npm install
4. **启动开发服务器**
npm start
应用程序将在 `http://localhost:3000` 提供。
## 如何使用
1. **添加链接**：点击 **Add Card** (+) 按钮，输入 URL 和标题，并选择一种颜色。
2. **组织**：使用 **Sort** 图标按类别过滤，或拖动卡片以重新排序。
3. **编辑/删除**：从页脚切换 **Edit Mode** 或 **Delete Mode** 来管理您的卡片。
4. **导出/导入**：
- 使用 **Export** 按钮创建加密备份。
- 使用 **Import** 按钮恢复您的链接或添加他人共享的链接。
5. **设置身份**：在用户个人资料模态框中设置您的用户名，以启用个性化加密。
## 许可证
在 MIT 许可证下分发。更多信息请参见 `LICENSE`。
## 作者
**Praveen Jadhav**
- GitHub：[@praveenjadhav1510](https://github.com/praveenjadhav1510)
- 在线项目：[SaveLinks](https://praveenjadhav1510.github.io/save-links)
*用 ❤️ 开发，旨在让链接管理更轻松。*
标签：React, Syscalls, 书签管理, 前端组件, 本地存储, 自定义脚本