logo
0
0
WeChat Login

AI项目趋势展示网站

基于 EdgeOne Pages 的全栈静态网站,展示每日热门AI开源项目。

功能特性

  • 🤖 每日精选 - 展示当天增长最快的AI项目
  • 📊 智能分类 - 自动识别项目类型(Agent、Model、MCP等)
  • 💬 大白话介绍 - 用通俗易懂的语言介绍每个项目
  • 🔍 高级筛选 - 按分类、增长量、搜索筛选
  • 📅 历史归档 - 日历视图浏览历史数据
  • 收藏功能 - 收藏喜欢的项目进行对比
  • 📱 响应式设计 - 适配各种屏幕尺寸

技术栈

  • 前端框架: React 18 + TypeScript + Vite
  • 样式方案: Tailwind CSS
  • 路由: React Router v6
  • 图表: Recharts
  • 图标: Lucide React
  • 部署: EdgeOne Pages
  • 构建: CNB.cool

项目结构

├── src/ │ ├── components/ # UI组件 │ │ ├── ProjectCard/ │ │ ├── FilterBar/ │ │ ├── Pagination/ │ │ └── ... │ ├── pages/ # 页面 │ │ ├── Home/ │ │ ├── ProjectDetail/ │ │ └── Archive/ │ ├── hooks/ # 自定义Hooks │ ├── services/ # 服务层 │ ├── types/ # TypeScript类型 │ └── styles/ # 全局样式 ├── scripts/ # 构建脚本 ├── edgeone-functions/ # Edge Functions └── .cnb.yml # CNB构建配置

快速开始

安装依赖

npm install

开发模式

npm run dev

构建生产版本

npm run build

预览构建结果

npm run preview

数据抓取

每日自动抓取

项目使用 CNB 定时构建,每天8点自动执行:

  1. 抓取 GitHub 热门AI项目
  2. 处理和分类数据
  3. 更新 KV 存储
  4. 构建并部署

手动触发

# 抓取数据 npm run fetch-data # 处理数据 npm run process-data # 更新KV npm run update-kv

部署

EdgeOne Pages

  1. Fork 本仓库
  2. 在 EdgeOne Pages 创建新项目
  3. 连接 GitHub 仓库
  4. 配置构建命令:npm run build
  5. 配置环境变量(GitHub Token等)

CNB 自动化构建

  1. 在 CNB 创建新项目
  2. 导入本仓库
  3. 配置定时构建(每天8点)
  4. 设置环境变量密钥

环境变量

创建 .env.local 文件:

VITE_GITHUB_TOKEN=your_github_token_here VITE_KV_API_URL=your_kv_api_url_here

许可证

MIT

About

每天抓取github上星标上升最快的AI相关的开源项目,然后建设成一个漂亮的学习网站

Language
TypeScript93.7%
JavaScript4.3%
CSS1.6%
HTML0.4%