最近我整理了一个面向 AI 学习和工具发现的网站：HotHub。
网站地址：livszhang.asia/
它不是一个单纯的导航页，而是把三个我自己经常需要的东西放到了一起：
- AI 热点信息
- AI / 开发工具导航
- 可搜索、可收录的技术教程博客
为什么做这个站
现在 AI 工具和教程更新太快了，信息分散在 GitHub、Hacker News、Product Hunt、公众号、博客、群聊和各类教程平台里。
我自己的痛点是：
- 想看 AI 行业热点时，需要打开很多站点。
- 想找工具时，经常不知道哪个工具适合当前场景。
- 想整理教程时，发在文档里不方便搜索，也不利于长期沉淀。
所以我做了 HotHub，把热点、工具和教程统一到一个页面里。
目前网站包含什么
1. AI HOT 热点
首页优先展示 AI HOT 信息，用来快速浏览近期 AI 方向的新消息。
我把 AI HOT 放在首页靠前位置，而不是放到页面底部，因为它是最有时效性的内容。
2. 全网热点聚合
网站会聚合一些技术社区和产品社区的信息，包括 GitHub Trending、Hacker News、Product Hunt 等来源。
这部分适合用来发现新项目、新产品和技术趋势。
3. AI 工具导航
工具导航部分整理了常见 AI 工具、开发工具和效率工具，适合做快速入口。
相比浏览器收藏夹，这种方式更适合公开分享，也方便后续扩展分类。
4. 技术教程博客
我把一些 AI 实战教程整理成了博客，包括：
- MCP 协议实战教程
- Vibe Coding 入门教程
- RAG 知识库搭建教程
- Python AI 实战教程
- AI Agent 开发教程
- Hermes Agent 部署教程
- OpenClaw 部署教程
- Claude Code 接入 DeepSeek 和小米 MiMo 教程
- 跨境电商住宅 IP 教程
博客地址：livszhang.asia/blog
为了搜索引擎做了哪些优化
我后面专门把博客从“前端加载内容”改成了“服务端直接输出完整 HTML”。
现在每篇文章都有：
- 独立 URL
- 独立 title
- 独立 description
- canonical
- BlogPosting 结构化数据
- sitemap.xml
- robots.txt
这样搜索引擎抓取时，不是只能看到一个空壳页面，而是能直接读到完整教程正文。
网站技术上的一些处理
为了保证访问速度和稳定性，我做了一些基础优化：
- 后端接口缓存
- Gzip 压缩
- Nginx 反向代理
- HTTPS
- 基础限流
- fail2ban 防爆破
- 博客阅读数统计
- 移动端适配
同时也把后端服务端口收口到本机访问，公网只开放 80、443 和 SSH。
适合哪些人使用
HotHub 目前更适合这几类人：
- 想快速了解 AI 工具和热点的人
- 正在学习 AI Agent、RAG、MCP 的开发者
- 想找 Claude Code、DeepSeek、MiMo 等相关教程的人
- 想搭建自己技术博客或工具导航站的人
后续计划
接下来我准备继续补充：
- 更多 AI Agent 教程
- 更多 RAG 实战案例
- 工具分类筛选
- 搜索体验优化
- 教程版本审校
- 更细的 SEO 优化
如果你也在关注 AI 工具、AI Agent 或独立技术站，可以看看这个站：
欢迎给我反馈，也欢迎推荐值得收录的工具和教程。
