今日热榜 是一个基于 Next.js 构建的现代化热点聚合平台,实时汇聚各大主流网站的热门内容,为用户提供一站式的热点资讯浏览体验。
- 🔥 实时热点 - 聚合 17+ 主流平台热门内容
- ⚡ 极速体验 - SSR 渲染,首屏加载快速
- 🎨 现代设计 - 支持明暗主题切换
- 📱 响应式 - 完美适配桌面端和移动端
- 🚀 易部署 - 支持 Vercel 一键部署
- 🆕 最新技术栈 - 基于 React 19、Next.js16.x 等前沿技术
- ⚡ 极速响应 - 优化的数据获取和缓存策略
- 🏗️ 架构清晰 - 模块化设计,易于维护和扩展
- 🌙 主题切换 - 内置明暗主题,护眼体验
- 🔍 SEO 友好 - SSR 渲染,搜索引擎优化
- 📊 数据可视 - 直观的热度展示和排行
| 技术 | 版本 | 描述 |
|---|---|---|
| React | 19+ | 用户界面构建库 |
| Next.js | 16+ | 全栈 React 框架 |
| TypeScript | 5+ | 类型安全的 JavaScript |
| Tailwind CSS | 4+ | 原子化 CSS 框架 |
| HeroUI | 3+ | 现代化 Next.js UI 库 |
状态说明: ✅ 稳定运行 | ⭕ 偶尔不稳定 | ❌ 暂不可用
| 平台 | 类别 | 状态 | API |
|---|---|---|---|
| 热搜榜 | ✅ | ||
| 实时热榜 | ✅ | kuaishou | |
| 热点榜 | ✅ | douyin | |
| 热榜 | ✅ | kuaishou |
| 平台 | 类别 | 状态 | API |
|---|---|---|---|
| 热门榜 | ✅ | bilibili | |
| 新片榜 | ✅ | douban-movic | |
| 热歌榜 | ⭕ | netease-music |
| 平台 | 类别 | 状态 | API |
|---|---|---|---|
| 热榜 | ✅ | toutiao | |
| 热点榜 | ✅ | ||
| 热榜 | ✅ | netease | |
| 热榜 | ✅ | thepaper | |
| 热搜榜 | ✅ | dongchedi | |
| 今日热点 | ✅ | quark | |
| 24小时热榜 | ✅ | 36kr | |
| 最新资讯 | ✅ | huxiu | |
| 快讯 | ✅ | ifanr |
| 平台 | 类别 | 状态 | API |
|---|---|---|---|
| 热搜榜 | ✅ | baidu | |
| 热议榜 | ✅ | baidutieba | |
| 步行街热帖 | ✅ | hupu |
| 平台 | 类别 | 状态 | API |
|---|---|---|---|
| 热榜 | ✅ | zhihu | |
| 热榜 | ✅ | juejin | |
| 热门仓库 | ✅ | github-trending | |
| 精选 | ✅ | hello-github | |
| 热榜 | ✅ | csdn | |
| 热榜 | ✅ | woshipm |
| 平台 | 类别 | 状态 | API |
|---|---|---|---|
| 飙升榜 | ✅ | weread | |
| 更新公告 | ✅ | lol | |
| 百科 | ✅ | history-today | |
| 推荐榜 | ✅ | zhihu-daily | |
| 热榜 | ✅ | ithome |
- Node.js >= 20.9
- pnpm >= 8.0.0 (推荐最新) 或 npm/yarn
在项目根目录创建 .env,示例:
# 网站名称
NEXT_PUBLIC_APP_NAME = '今日热榜'
# 网站描述
NEXT_PUBLIC_APP_DESC = '汇聚全网热点,热门尽览无余'
# 网站地址
NEXT_PUBLIC_APP_URL = 'https://hot.baiwumm.com'
# 版权名称
NEXT_PUBLIC_COPYRIGHT = '白雾茫茫丶'
# ICP 备案号
NEXT_PUBLIC_ICP = '粤ICP备2023007649号'
# 公安备案号
NEXT_PUBLIC_GONGAN = '粤公网安备44030402006402号'
# 默认主题
NEXT_PUBLIC_THEME = 'light'
# Umami ID
NEXT_PUBLIC_UMAMI_ID = 'e1308f62-9103-464e-8a20-e26ed4c4c6a9'
# 百度 ID
NEXT_PUBLIC_BAIDU_ID = '029f8002fa463259746b84add5678d56'
# Google ID
NEXT_PUBLIC_GOOGLE_ID = 'G-ELGSN8JG3R'
# Clarity ID
NEXT_PUBLIC_CLARITY_ID = 'jm0kos9fw7'# 1. 克隆项目
git clone https://github.com/baiwumm/next-daily-hot.git
# 2. 进入项目目录
cd next-daily-hot
# 3. 安装依赖
pnpm install
# 4. 启动开发服务器
pnpm dev
# 5. 打开浏览器访问
# http://localhost:5173# 构建生产版本
pnpm build
# 启动生产服务器
pnpm start
# 代码检查
pnpm lint
# 更新版本
pnpm release手动部署步骤:
- Fork 本项目到你的 GitHub 账户
- 在 Vercel 中点击 "New Project"
- 选择你 Fork 的项目仓库
- 保持默认配置,点击 "Deploy"
- 等待部署完成,获取访问链接
# 安装 Vercel CLI
npm i -g vercel
# 登录 Vercel
vercel login
# 部署到预览环境
vercel
# 部署到生产环境
vercel --prod我们欢迎所有形式的贡献!如果你想为项目做出贡献,请遵循以下步骤:
- 使用 GitHub Issues 报告 bug
- 提供详细的问题描述和复现步骤
- 包含相关的错误信息和环境信息
- 通过 Issues 提出新功能建议
- 描述功能的使用场景和预期效果
- 欢迎提供设计思路和实现方案
如果你想添加新的热点平台支持:
- 在
src/app/api/目录下创建新的路由文件 - 实现数据获取逻辑
- 添加对应的图标到
public/目录 - 更新 README.md 中的平台列表
- 提交 PR 并说明新平台的特点
⚠️ 重要提醒:请仔细阅读以下声明
- 数据来源:本项目通过公开 API 和网页抓取获取数据,仅供学习和研究使用
- 合规使用:用户需遵守各平台的使用条款和相关法律法规
- 商业使用:禁止将本项目用于任何商业用途
- 数据准确性:不保证数据的实时性和准确性
- 本项目仅供技术研究和学习交流使用
- 任何因使用本项目产生的法律风险由使用者自行承担
- 如有平台方要求移除相关接口,请及时联系我们处理
- 项目维护者不承担任何直接或间接的损失责任
如有任何问题或建议,请通过以下方式联系:
- 📧 邮箱:me@baiwumm.com
- 🐛 Issues:GitHub Issues
- 💬 讨论:GitHub Discussions
本项目基于 MIT 许可证 开源。
感谢以下开源项目为本项目提供的灵感和支持:
- imsyy/DailyHot - 原始项目灵感来源
- imsyy/DailyHotApi - API 设计参考
- Next.js - 强大的 React 框架
- Tailwind CSS - 优秀的 CSS 框架
- HeroUI - 现代化的 Next.js UI 库
感谢所有为项目做出贡献的开发者们!

