# next-daily-hot

**Repository Path**: baiwumm/next-daily-hot

## Basic Information

- **Project Name**: next-daily-hot
- **Description**: 基于 Next 开发的聚合热点平台，汇聚全网热点，热门尽览无余
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://hot.baiwumm.com/
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 3
- **Created**: 2024-05-20
- **Last Updated**: 2025-09-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, next, Tailwind

## README

<div align="center">
  <img alt="今日热榜 Logo" src="./public/logo.svg" width="120"/>
  <h1>今日热榜</h1>
  <p><strong>汇聚全网热点，热门尽览无余</strong></p>
  
  <p>
    <a href="https://hot.baiwumm.com/" target="_blank">
      <img src="https://img.shields.io/badge/🌐_在线预览-hot.baiwumm.com-blue?style=flat-square" alt="在线预览"/>
    </a>
    <a href="https://github.com/baiwumm/next-daily-hot/stargazers" target="_blank">
      <img src="https://img.shields.io/github/stars/baiwumm/next-daily-hot?style=flat-square&logo=github" alt="GitHub stars"/>
    </a>
    <a href="./LICENSE" target="_blank">
    <img alt="LICENSE" src="https://img.shields.io/badge/license-MIT-blue">
  </a>
  </p>
  
  <p>
    <img src="https://img.shields.io/badge/React-18+-61DAFB?style=flat-square&logo=react&logoColor=white" alt="React"/>
    <img src="https://img.shields.io/badge/Next.js-14+-000000?style=flat-square&logo=next.js&logoColor=white" alt="Next.js"/>
    <img src="https://img.shields.io/badge/Tailwind_CSS-3+-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white" alt="Tailwind CSS"/>
    <img src="https://img.shields.io/badge/NextUI-2+-000000?style=flat-square&logo=nextui&logoColor=white" alt="NextUI"/>
  </p>
</div>

---

## 📋 目录

- [🚀 项目简介](#-项目简介)
- [✨ 核心特性](#-核心特性)
- [🛠️ 技术栈](#️-技术栈)
- [💻 演示预览](#-演示预览)
- [💯 支持平台](#-支持平台)
- [🚀 快速开始](#-快速开始)
- [📦 部署指南](#-部署指南)
- [⚠️ 免责声明](#️-免责声明)
- [🙏 致谢](#-致谢)

## 🚀 项目简介

**今日热榜** 是一个基于 Next.js 构建的现代化热点聚合平台，实时汇聚各大主流网站的热门内容，为用户提供一站式的热点资讯浏览体验。

### 🎯 项目亮点

- 🔥 **实时热点** - 聚合 17+ 主流平台热门内容
- ⚡ **极速体验** - SSR 渲染，首屏加载快速
- 🎨 **现代设计** - 支持明暗主题切换
- 📱 **响应式** - 完美适配桌面端和移动端
- 🚀 **易部署** - 支持 Vercel 一键部署

## ✨ 核心特性

- 🆕 **最新技术栈** - 基于 React 18、Next.js 14 等前沿技术
- ⚡ **极速响应** - 优化的数据获取和缓存策略
- 🏗️ **架构清晰** - 模块化设计，易于维护和扩展
- 🌙 **主题切换** - 内置明暗主题，护眼体验
- 🔍 **SEO 友好** - SSR 渲染，搜索引擎优化
- 📊 **数据可视** - 直观的热度展示和排行

## 🛠️ 技术栈

| 技术 | 版本 | 描述 |
|------|------|------|
| [React](https://react.dev/) | 18+ | 用户界面构建库 |
| [Next.js](https://nextjs.org/) | 14+ | 全栈 React 框架 |
| [TypeScript](https://www.typescriptlang.org/) | 5+ | 类型安全的 JavaScript |
| [Tailwind CSS](https://tailwindcss.com/) | 3+ | 原子化 CSS 框架 |
| [NextUI](https://nextui.org/) | 2+ | 现代化 React UI 库 |

## 💻 演示预览

<div align="center">
  <h3>🌞 亮色模式</h3>
  <img alt="亮色模式预览" src="./src/assets/light.png" width="80%"/>
  
  <h3>🌙 暗色模式</h3>
  <img alt="暗色模式预览" src="./src/assets/dark.png" width="80%"/>
</div>

## 💯 支持平台

> **状态说明：** ✅ 稳定运行 | ⭕ 偶尔不稳定 | ❌ 暂不可用

### 📱 社交媒体
| 平台 | 类别 | 状态 | API |
|------|------|------|-----|
| <img src="./public/weibo.svg" width="20"/> 微博 | 热搜榜 | ✅ | [weibo](./src/app/api/weibo/route.ts) |
| <img src="./public/douyin.svg" width="20"/> 抖音 | 热点榜 | ✅ | [douyin](./src/app/api/douyin/route.ts) |
| <img src="./public/kuaishou.svg" width="20"/> 快手 | 热榜 | ✅ | [kuaishou](./src/app/api/kuaishou/route.ts) |

### 🎬 娱乐内容
| 平台 | 类别 | 状态 | API |
|------|------|------|-----|
| <img src="./public/bilibili.svg" width="20"/> 哔哩哔哩 | 热门榜 | ✅ | [bilibili](./src/app/api/bilibili/route.ts) |
| <img src="./public/douban-movic.svg" width="20"/> 豆瓣电影 | 新片榜 | ✅ | [douban-movic](./src/app/api/douban-movic/route.ts) |
| <img src="./public/netease-music.svg" width="20"/> 网易云音乐 | 热歌榜 | ⭕ | [netease-music](./src/app/api/netease-music/route.ts) |

### 📰 新闻资讯
| 平台 | 类别 | 状态 | API |
|------|------|------|-----|
| <img src="./public/toutiao.svg" width="20"/> 今日头条 | 热榜 | ✅ | [toutiao](./src/app/api/toutiao/route.ts) |
| <img src="./public/qq.svg" width="20"/> 腾讯新闻 | 热点榜 | ✅ | [qq](./src/app/api/qq/route.ts) |
| <img src="./public/netease.svg" width="20"/> 网易新闻 | 热榜 | ✅ | [netease](./src/app/api/netease/route.ts) |
| <img src="./public/thepaper.svg" width="20"/> 澎湃新闻 | 热榜 | ✅ | [thepaper](./src/app/api/thepaper/route.ts) |

### 🔍 搜索引擎
| 平台 | 类别 | 状态 | API |
|------|------|------|-----|
| <img src="./public/baidu.svg" width="20"/> 百度 | 热搜榜 | ✅ | [baidu](./src/app/api/baidu/route.ts) |
| <img src="./public/baidutieba.svg" width="20"/> 百度贴吧 | 热议榜 | ✅ | [baidutieba](./src/app/api/baidutieba/route.ts) |

### 💡 知识社区
| 平台 | 类别 | 状态 | API |
|------|------|------|-----|
| <img src="./public/zhihu.svg" width="20"/> 知乎 | 热榜 | ✅ | [zhihu](./src/app/api/zhihu/route.ts) |
| <img src="./public/juejin.svg" width="20"/> 稀土掘金 | 热榜 | ✅ | [juejin](./src/app/api/juejin/route.ts) |

### 📚 其他服务
| 平台 | 类别 | 状态 | API |
|------|------|------|-----|
| <img src="./public/weread.svg" width="20"/> 微信读书 | 飙升榜 | ✅ | [weread](./src/app/api/weread/route.ts) |
| <img src="./public/lol.svg" width="20"/> 英雄联盟 | 更新公告 | ✅ | [lol](./src/app/api/lol/route.ts) |
| <img src="./public/history-today.svg" width="20"/> 历史上的今天 | 百科 | ✅ | [history-today](./src/app/api/history-today/route.ts) |

## 🚀 快速开始

### 📋 环境要求

- **Node.js** >= 18.17.0
- **pnpm** >= 8.0.0 (推荐) 或 npm/yarn

### 🛠️ 本地开发

```bash
# 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:3000
```

### 🏗️ 构建部署

```bash
# 构建生产版本
pnpm build

# 启动生产服务器
pnpm start

# 代码检查
pnpm lint

# 类型检查
pnpm type-check
```

## 📦 部署指南

### 🚀 Vercel 一键部署

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/baiwumm/next-daily-hot)

**手动部署步骤：**

1. Fork 本项目到你的 GitHub 账户
2. 在 [Vercel](https://vercel.com/dashboard) 中点击 "New Project"
3. 选择你 Fork 的项目仓库
4. 保持默认配置，点击 "Deploy"
5. 等待部署完成，获取访问链接

### 🔧 Vercel CLI 部署

```bash
# 安装 Vercel CLI
npm i -g vercel

# 登录 Vercel
vercel login

# 部署到预览环境
vercel

# 部署到生产环境
vercel --prod
```

## 🤝 贡献指南

我们欢迎所有形式的贡献！如果你想为项目做出贡献，请遵循以下步骤：

### 🐛 报告问题

- 使用 [GitHub Issues](https://github.com/baiwumm/next-daily-hot/issues) 报告 bug
- 提供详细的问题描述和复现步骤
- 包含相关的错误信息和环境信息

### 💡 功能建议

- 通过 Issues 提出新功能建议
- 描述功能的使用场景和预期效果
- 欢迎提供设计思路和实现方案

### 📝 添加新平台

如果你想添加新的热点平台支持：

1. 在 `src/app/api/` 目录下创建新的路由文件
2. 实现数据获取逻辑
3. 添加对应的图标到 `public/` 目录
4. 更新 README.md 中的平台列表
5. 提交 PR 并说明新平台的特点

## ⚠️ 免责声明

> ⚠️ **重要提醒：请仔细阅读以下声明**

### 📋 使用条款

1. **数据来源**：本项目通过公开 API 和网页抓取获取数据，仅供学习和研究使用
2. **合规使用**：用户需遵守各平台的使用条款和相关法律法规
3. **商业使用**：禁止将本项目用于任何商业用途
4. **数据准确性**：不保证数据的实时性和准确性

### 🛡️ 责任限制

- 本项目仅供技术研究和学习交流使用
- 任何因使用本项目产生的法律风险由使用者自行承担
- 如有平台方要求移除相关接口，请及时联系我们处理
- 项目维护者不承担任何直接或间接的损失责任

### 📞 联系方式

如有任何问题或建议，请通过以下方式联系：

- 📧 **邮箱**：[me@baiwumm.com](mailto:me@baiwumm.com)
- 🐛 **Issues**：[GitHub Issues](https://github.com/baiwumm/next-daily-hot/issues)
- 💬 **讨论**：[GitHub Discussions](https://github.com/baiwumm/next-daily-hot/discussions)

## 📄 许可证

本项目基于 [MIT 许可证]( LICENSE) 开源。

## 🙏 致谢

### 💖 开源项目

感谢以下开源项目为本项目提供的灵感和支持：

- [imsyy/DailyHot](https://github.com/imsyy/DailyHot) - 原始项目灵感来源
- [imsyy/DailyHotApi](https://github.com/imsyy/DailyHotApi) - API 设计参考
- [Next.js](https://nextjs.org/) - 强大的 React 框架
- [Tailwind CSS](https://tailwindcss.com/) - 优秀的 CSS 框架
- [NextUI](https://nextui.org/) - 现代化的 React UI 库

### 🌟 赞助商

<div align="center">
  <h4>🚀 CDN 加速服务由 Tencent EdgeOne 提供</h4>
  <a href="https://edgeone.ai/zh?from=github" target="_blank">
    <img src="./src/assets/EdgeOne.png" alt="Tencent EdgeOne" width="200"/>
  </a>
  <p><em>亚洲最佳 CDN、边缘和安全解决方案</em></p>
</div>

### 🏆 贡献者

感谢所有为项目做出贡献的开发者们！

<a href="https://github.com/baiwumm/next-daily-hot/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=baiwumm/next-daily-hot" alt="贡献者"/>
</a>

---

## ⭐ Star History

<div align="center">
  <img src="https://api.star-history.com/svg?repos=baiwumm/next-daily-hot&type=Date" alt="Star History Chart" width="600"/>
</div>

---

<div align="center">
  <p>如果这个项目对你有帮助，请给它一个 ⭐️</p>
  <p>Made with ❤️ by <a href="https://github.com/baiwumm">@baiwumm</a></p>
  <p>© 2025 今日热榜. All rights reserved.</p>
</div>