{"id":38690213,"url":"https://github.com/geeeeeeeek/web_tool","last_synced_at":"2026-01-17T10:31:32.644Z","repository":{"id":214767924,"uuid":"737294036","full_name":"geeeeeeeek/web_tool","owner":"geeeeeeeek","description":"一个基于javascript、html和css开发的网站导航应用程序。用于展示各行业常用的网站。A web site navigation application based on javascript, html and css development. Used to display commonly used web sites in various industries.","archived":false,"fork":false,"pushed_at":"2025-12-02T08:19:08.000Z","size":19606,"stargazers_count":498,"open_issues_count":7,"forks_count":864,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-12-05T03:35:13.534Z","etag":null,"topics":["html","javascript","vue"],"latest_commit_sha":null,"homepage":"https://geeeeeeeek.github.io/web_tool/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/geeeeeeeek.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-12-30T14:08:15.000Z","updated_at":"2025-12-04T09:45:45.000Z","dependencies_parsed_at":"2024-01-03T14:40:23.674Z","dependency_job_id":null,"html_url":"https://github.com/geeeeeeeek/web_tool","commit_stats":null,"previous_names":["geeeeeeeek/web_tool"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/geeeeeeeek/web_tool","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geeeeeeeek%2Fweb_tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geeeeeeeek%2Fweb_tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geeeeeeeek%2Fweb_tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geeeeeeeek%2Fweb_tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geeeeeeeek","download_url":"https://codeload.github.com/geeeeeeeek/web_tool/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geeeeeeeek%2Fweb_tool/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28506588,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-17T10:25:30.148Z","status":"ssl_error","status_checked_at":"2026-01-17T10:25:29.718Z","response_time":85,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html","javascript","vue"],"created_at":"2026-01-17T10:31:32.149Z","updated_at":"2026-01-17T10:31:32.629Z","avatar_url":"https://github.com/geeeeeeeek.png","language":"HTML","readme":"# 在线网址导航 - Web Tool\n\n[English Doc](./Readme-en.md)\n\n基于 HTML + CSS + JavaScript 开发的在线网址导航工具，界面简洁美观，支持网址收录提交，适合个人或团队使用。\n\n## 项目特点\n\n- 纯静态 HTML 页面，无需后端支持\n- 响应式设计，支持移动端访问\n- 支持日间/夜间模式切换\n- 分类清晰，支持快速搜索\n- 网址提交功能，方便收录管理\n- 部署简单，支持多种部署方式\n\n## 在线预览\n\n- GitHub Pages: https://geeeeeeeek.github.io/web_tool/\n- Vercel: https://web-tool-omega.vercel.app/\n- Cloudflare Pages: https://web-a55.pages.dev/\n\n## 快速开始\n\n### 本地预览\n\n1. 克隆项目到本地\n```bash\ngit clone https://github.com/geeeeeeeek/web_tool.git\ncd web_tool\n```\n\n2. 使用任意 HTTP 服务器运行\n```bash\n# 使用 Python 3\npython -m http.server 8000\n\n# 使用 Node.js (需要先安装 http-server)\nnpx http-server -p 8000\n\n# 或者直接用浏览器打开 index.html\n```\n\n3. 在浏览器中访问 `http://localhost:8000`\n\n## 部署指南\n\n### 方式一：Nginx 部署\n\n#### 1. 准备工作\n\n确保服务器已安装 Nginx：\n\n```bash\n# Ubuntu/Debian\nsudo apt update\nsudo apt install nginx\n\n# CentOS/RHEL\nsudo yum install nginx\n```\n\n#### 2. 上传文件\n\n将项目文件上传到服务器：\n\n```bash\n# 创建网站目录\nsudo mkdir -p /var/www/web_tool\n\n# 上传文件（本地执行）\nscp -r ./* user@your-server:/var/www/web_tool/\n\n# 或者在服务器上使用 git clone\ncd /var/www\nsudo git clone https://github.com/geeeeeeeek/web_tool.git\n```\n\n#### 3. 配置 Nginx\n\n创建 Nginx 配置文件：\n\n```bash\nsudo vim /etc/nginx/sites-available/web_tool\n```\n\n添加以下配置：\n\n```nginx\nserver {\n    listen 80;\n    server_name your-domain.com;  # 修改为你的域名或服务器 IP\n\n    root /var/www/web_tool;\n    index index.html;\n\n    # 启用 gzip 压缩\n    gzip on;\n    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;\n\n    location / {\n        try_files $uri $uri/ /index.html;\n    }\n\n    # 静态资源缓存\n    location ~* \\.(jpg|jpeg|png|gif|ico|css|js|svg|woff|woff2|ttf|eot)$ {\n        expires 30d;\n        add_header Cache-Control \"public, immutable\";\n    }\n\n    # 404 页面\n    error_page 404 /404.html;\n    location = /404.html {\n        internal;\n    }\n}\n```\n\n#### 4. 启用站点并重启 Nginx\n\n```bash\n# 创建软链接启用站点\nsudo ln -s /etc/nginx/sites-available/web_tool /etc/nginx/sites-enabled/\n\n# 测试配置文件\nsudo nginx -t\n\n# 重启 Nginx\nsudo systemctl restart nginx\n\n# 设置开机自启\nsudo systemctl enable nginx\n```\n\n#### 5. 配置 HTTPS (可选但推荐)\n\n使用 Let's Encrypt 免费证书：\n\n```bash\n# 安装 certbot\nsudo apt install certbot python3-certbot-nginx\n\n# 获取证书并自动配置 Nginx\nsudo certbot --nginx -d your-domain.com\n\n# 设置自动续期\nsudo certbot renew --dry-run\n```\n\n### 方式二：Vercel 部署 (推荐)\n\nVercel 提供免费的静态网站托管服务，部署简单快速。\n\n#### 方法 1: 通过 Vercel Dashboard (最简单)\n\n1. 访问 [Vercel 官网](https://vercel.com) 并注册/登录\n\n2. 点击 \"Add New Project\"\n\n3. 导入你的 GitHub 仓库\n   - 选择 \"Import Git Repository\"\n   - 授权 GitHub 并选择 `web_tool` 仓库\n\n4. 配置项目\n   - Framework Preset: 选择 \"Other\"\n   - Root Directory: `./` (保持默认)\n   - Build Command: 留空\n   - Output Directory: `./` (保持默认)\n\n5. 点击 \"Deploy\" 按钮，等待部署完成\n\n6. 部署成功后会自动分配一个域名，如：`your-project.vercel.app`\n\n#### 方法 2: 通过 Vercel CLI\n\n1. 安装 Vercel CLI\n\n```bash\nnpm install -g vercel\n```\n\n2. 登录 Vercel\n\n```bash\nvercel login\n```\n\n3. 在项目目录下执行部署\n\n```bash\ncd web_tool\nvercel\n```\n\n4. 按照提示完成配置\n   - Set up and deploy? Y\n   - Which scope? 选择你的账户\n   - Link to existing project? N\n   - Project name? web_tool (或自定义名称)\n   - In which directory is your code located? ./\n\n5. 生产环境部署\n\n```bash\nvercel --prod\n```\n\n#### 自定义域名 (可选)\n\n1. 在 Vercel Dashboard 中打开你的项目\n\n2. 进入 \"Settings\" -\u003e \"Domains\"\n\n3. 添加你的自定义域名\n\n4. 按照提示在域名服务商处添加 DNS 记录\n\n\n### 方式三：其他部署平台\n\n#### GitHub Pages\n\n1. 在 GitHub 仓库设置中启用 Pages\n2. 选择分支和目录（通常是 `main` 分支的 `/` 根目录）\n3. 保存后自动部署\n\n#### Cloudflare Pages\n\n1. 登录 Cloudflare Dashboard\n2. 进入 Pages 并创建新项目\n3. 连接 GitHub 仓库\n4. 配置构建设置（留空即可）\n5. 点击部署\n\n#### Netlify\n\n1. 登录 Netlify\n2. 点击 \"Add new site\" -\u003e \"Import an existing project\"\n3. 选择 Git 仓库\n4. 构建命令和发布目录留空\n5. 点击 \"Deploy site\"\n\n## 二次开发\n\n### 修改网址导航内容\n\n编辑 `index.html` 文件，找到对应的网址链接区域进行修改：\n\n```html\n\u003cdiv class=\"url-card io-px-3 io-py-2 mb-2\"\u003e\n    \u003ca href=\"https://your-website.com\" target=\"_blank\" rel=\"nofollow\" class=\"text-xs\"\u003e\n        \u003cstrong\u003e网站名称\u003c/strong\u003e\n        \u003cspan class=\"url-desc\"\u003e网站描述\u003c/span\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n```\n\n### 修改关于页面\n\n编辑 `about/index.html` 文件，修改个人信息、联系方式等内容。\n\n### 修改网站提交页面\n\n编辑 `commit.html` 文件，可以配置表单字段和提交逻辑：\n\n```javascript\n// 在第 371 行附近，替换为实际的 API 地址\n$.ajax({\n    url: '/api/submit',\n    method: 'POST',\n    data: formData,\n    success: function(response) {\n        // 处理成功响应\n    }\n});\n```\n\n### 自定义样式\n\n主要样式文件位于 `assets/css/` 目录：\n\n- `custom-style.css` - 自定义样式\n- `style-3.03029.1.css` - 主题样式\n\n### 添加新的分类\n\n在 `index.html` 中添加新的分类区块：\n\n```html\n\u003cdiv class=\"io-title text-sm\" id=\"your-category-id\"\u003e\n    \u003ci class=\"far fa-star fa-lg fa-fw mr-1\"\u003e\u003c/i\u003e\n    分类名称\n\u003c/div\u003e\n\u003cdiv class=\"row io-mx-n2\"\u003e\n    \u003c!-- 添加网址卡片 --\u003e\n\u003c/div\u003e\n```\n\n## 项目结构\n\n```\nweb_tool/\n├── index.html              # 首页\n├── commit.html             # 网址提交页面\n├── 404.html               # 404 错误页面\n├── about/\n│   └── index.html         # 关于页面\n├── assets/\n│   ├── css/               # 样式文件\n│   ├── js/                # JavaScript 文件\n│   ├── images/            # 图片资源\n│   └── fontawesome-5.15.4/ # 图标库\n├── README.md              # 项目文档\n└── vercel.json            # Vercel 配置（可选）\n```\n\n## 常见问题\n\n### 1. 图片或样式加载失败\n\n检查资源路径是否正确，确保相对路径引用准确。\n\n### 2. 网址提交功能如何实现后端\n\n目前提交功能将数据保存在浏览器 localStorage 中。如需持久化存储，可以：\n- 使用 Vercel Serverless Functions\n- 配置后端 API（Node.js、Python、PHP 等）\n- 使用第三方表单服务（Formspree、Typeform 等）\n\n### 3. 如何添加网站统计\n\n可以集成以下统计工具：\n- Google Analytics\n- 百度统计\n- 51.la（项目已集成）\n\n### 4. 如何优化 SEO\n\n- 完善 meta 标签（title、description、keywords）\n- 添加网站地图 sitemap.xml\n- 提交到搜索引擎收录\n- 优化页面加载速度\n\n## 技术栈\n\n- HTML5\n- CSS3\n- JavaScript (jQuery)\n- Bootstrap 4\n- Font Awesome 5\n\n## 参考资料\n\n- [Nginx 官方文档](https://nginx.org/en/docs/)\n- [Vercel 部署文档](https://vercel.com/docs)\n- [Let's Encrypt 证书](https://letsencrypt.org/)\n\n## 许可证\n\nMIT License\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！\n\n## 联系方式\n\n- GitHub: https://github.com/geeeeeeeek\n- 个人主页: https://web.gitapp.cn\n- Email: kefu308@gmail.com\n\n---\n\n⭐ 如果这个项目对你有帮助，欢迎 Star 支持！\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeeeeeeeek%2Fweb_tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeeeeeeeek%2Fweb_tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeeeeeeeek%2Fweb_tool/lists"}