夯爆了!这个一个开源AI导航站,把1104个AI工具装进自己服务器

AI Hub的全称叫全球AI工具聚合平台，目前收录了1104款AI工具。注意这个数字不是写死的，它每天凌晨两点会自动抓取新工具，所以你明天去看可能就变成1120了。

作者把它定位成 AIbase + 知乎的结合体。什么意思呢？AIbase那种就是纯工具目录，按分类一个一个列出来，你想查什么就搜什么。知乎那部分指的是它里面有一个社区问答板块，用户可以发帖提问、分享使用心得，比如哪个工具生成视频最快、哪个语音克隆最像真人，这种讨论在这个站里也能看到。

除了工具库和问答，它还有三个我觉得挺实用的板块：

AI资讯：聚合全球AI行业的新闻，每天更新

趋势榜单：分日周月榜，可以看到最近什么工具最火

开源项目追踪：专门列了一栏给GitHub上热门的AI开源项目

也就是说，你每天早上打开它，既能找到工具，又能知道今天AI圈发生了什么大事，还能看看哪个开源库又爆了。三个需求一次满足。

PART.01

项目优势

我自己用过至少七八个AI导航站，有的甚至还是付费会员制。AI Hub打动我的地方有四点。

第一，完全开源且免费商用。这个太重要了。大多数导航站是商业产品，你只能作为用户去用，不能改，更不能部署到自己服务器上。AI Hub的代码放在GitHub，MIT许可证，意味着你可以随便下载、随便改、随便拿去商用，哪怕你改个名字挂自己域名上卖会员都行。作者完全不干涉。这种胸襟在现在的开源圈其实不多见了。

第二，数据自动更新，不用手填。很多导航站最头疼的就是维护成本。今天加十个工具，明天可能五个就失效了，人工根本忙不过来。AI Hub用了爬虫自动抓取两个高质量来源：Product Hunt的AI分类新品，以及GitHub Trending上跟AI相关的项目。每天凌晨2点跑一次定时任务，新工具就自动入库了。你想想，这等于每天都有人在帮你筛选全球最新最火的AI工具，而且是免费的。

第三，功能不单薄。普通导航站就是一个分类列表加搜索框。AI Hub在导航之外，还塞进去了资讯、榜单、社区、开源项目四个大模块。你可以把它理解成一个轻量级的AI门户，而不是一个死板的目录页。

第四，部署成本几乎为零。它基于Next.js 14，可以直接部署在Vercel的免费套餐上。数据库可以用Supabase或者Neon的免费PostgreSQL，图片存储可以用Cloudflare R2（免费额度够小站用了）。整套下来不花一分钱，就能拥有一个自己的AI工具导航站。

PART.02

技术栈

框架：Next.js 14 (App Router)

语言：TypeScript 全栈统一

样式：Tailwind CSS + 自定义赛博朋克主题

后端API：Next.js API Routes

数据库：PostgreSQL + Prisma ORM

爬虫：Puppeteer + GitHub Actions 定时任务

部署：Vercel

图片存储：Cloudflare R2

认证：GitHub OAuth

PART.03

功能介绍

AI工具库

这是首页最显眼的部分。工具被分成16个大类，我数一下：聊天对话、图像生成、视频制作、音频处理、代码开发、写作助手、翻译工具、SEO、社交媒体、营销文案、办公效率、教育学习、数据分析、提示词工程、AI检测、其他工具。每个工具卡片上有图标、名称、一句话简介和一个直达链接。

AI资讯

这个板块是读RSS聚合的，每天自动抓取几个头部AI媒体的更新。内容像是一篇篇短文标题加摘要，点进去会跳转到原文。我一般早上花5分钟扫一眼，看看今天有没有大新闻，比如哪个模型又更新了、哪个公司又融资了。不用再去刷推特或者公众号。

趋势榜单

分日榜、周榜、月榜。榜单的数据来源是基于站内工具的点击量和外部热度综合算出来的。我上周就是通过周榜发现了一个叫Leiapix Converter的工具，能把静态图片转成3D视差动画，特别好玩。如果没有这个榜单，我大概率不会主动去搜这类工具。

社区讨论

开放用户分享入口，大家可以交流好用的 AI 工具、分享使用心得，还有实用工具推荐、兼职机会、学习 App 分享等内容，打造互助式 AI 工具社区。

开源项目追踪

独立于工具库之外的一个列表，专门展示GitHub上最近热门的AI开源项目。比如某天LangChain又上热搜了，它就会出现在这里。对于喜欢自己折腾代码的人来说，这个板块就是宝藏。

自动抓取机制

这个不算前台功能，但我觉得很值得说。作者写了一个爬虫脚本，用GitHub Actions每天凌晨2点自动执行。爬虫先去Product Hunt的AI分类页面，抓取当天新发布的产品，再去GitHub Trending的AI相关页面，抓取今日热门仓库。然后过滤掉重复项、检查链接有效性，最后写入数据库。整个过程无人值守，第二天早上你打开网站，新工具就已经在那里了。

PART.04

快速安装

克隆项目

安装依赖

npm install

配置环境变量

cp .env.example .env编辑.env 文件，配置数据库连接信息

初始化数据库

npx prisma migrate dev --name init

npx prisma generate

启动开发服务器
```
npm run dev
```

项目启动后访问 http://localhost:3000 即可打开平台

PART.05

UI展示

后端技术交流群
我们致力于创建一个高质量的技术交流社区，欢迎编程开发者和技术招聘HR专业人士加入。同时，我们也鼓励大家分享自己公司的内部推荐机会，互相协作，共同提升！
文明发言，以交流技术 职位内推 行业探讨为主，添加备注 888

⚠️ 广告人士勿扰！警惕私聊诈骗，请勿轻信不明信息。

交流技术项目推广商务合作项目开发软件著作权

VX：longjiang_116

往期链接
专利转让！超10万件特价发明专利&实用新型，高效精准匹配！
软著加急办！45 天快速下证，全程躺平零操心，未下证直接退
程序猿强推！ 用SpringBoot+Element-UI+UniApp+Redis+MySQL打造的点餐连锁系统，太强了
SpringBoot自助共享空间系统，打造高效无人值守智慧实体门店
卖疯了！Spring Boot+Vue3 家教预约系统天花板：双端适配 + 教师匹配 + 试课预约，作业管理 ，全流程拿捏
卖疯了！Spring Boot+Vue3 家教预约系统天花板：双端适配 + 教师匹配 + 试课预约，作业管理 ，全流程拿捏

看更多技术好文章

请长按下方图片

识别二维码关注代码驿站

相关学习资料