Web Tool：开箱即用的静态网址导航站，零成本部署专属导航页
Web Tool：开箱即用的静态网址导航站，零成本部署专属导航页
项目介绍
在互联网信息爆炸的今天，我们每天都会访问大量网站——工作用的、学习看的、摸鱼逛的……收藏夹越来越臃肿，每次找网站都要翻半天。而 Web Tool 的出现完美解决了这一问题——它是一个基于 HTML + CSS + JavaScript 开发的在线网址导航工具，界面简洁美观，支持网址收录提交，适合个人或团队使用[reference:0]。
项目地址：https://github.com/geeeeeeeek/web_tool
开源协议：MIT（基于项目性质推断）
核心优势
- 纯静态：全静态 HTML 页面，无需后端支持，无需数据库[reference:1]
- 开箱即用：克隆即可使用，一键部署到任意静态托管平台[reference:2]
- 完全免费：可利用 GitHub Pages、Vercel、Cloudflare Pages 等平台零成本部署[reference:3]
- 响应式设计：完美适配桌面、平板和手机等各种设备[reference:4]
- 隐私安全：所有数据在前端处理，无服务端存储
核心功能
Web Tool 是一套完整的网址导航解决方案，功能覆盖了日常使用的方方面面：
| 功能 | 说明 |
|---|---|
| 网址分类 | 分类清晰，按行业或用途组织常用网站[reference:5] |
| 快速搜索 | 内置搜索功能，迅速定位所需网站[reference:6] |
| 日间/夜间模式 | 支持一键切换日间/夜间模式，护眼又舒适[reference:7] |
| 网址提交 | 支持网址收录提交功能，方便收录管理[reference:8] |
| 响应式设计 | 完美适配移动端访问[reference:9] |
| 纯静态部署 | 无需后端，部署简单，支持多种部署方式[reference:10] |
在线预览
你可以通过以下链接在线体验 Web Tool：
- GitHub Pages：https://geeeeeeeek.github.io/web_tool/[reference:11]
- Vercel：https://web-tool-omega.vercel.app/[reference:12]
- Cloudflare Pages：https://web-a55.pages.dev/[reference:13]
部署教程
准备工作
开始部署前，你需要准备：
- 一个 GitHub 账号（如使用 GitHub Pages 部署）
- 一个 Vercel 账号（如使用 Vercel 部署）
- 或一个 Cloudflare 账号（如使用 Cloudflare Pages 部署）
- （可选）一个自己的域名
方式一：Vercel 部署（推荐）
Vercel 提供免费的静态网站托管服务，部署简单快速[reference:14]。
方法 1：通过 Vercel Dashboard 部署[reference:15]
- 登录 Vercel
- 点击 Add New → Project
- 导入你的 GitHub 仓库（需先 Fork
web_tool项目） - 保持默认设置，点击 Deploy
- 部署完成后，Vercel 会自动生成一个可访问的 URL
方法 2：通过 Vercel CLI 部署
# 安装 Vercel CLI
npm i -g vercel
# 克隆项目
git clone https://github.com/geeeeeeeek/web_tool.git
cd web_tool
# 部署
vercel