Skip to content

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

Notifications You must be signed in to change notification settings

baiwumm/next-daily-hot

Repository files navigation

今日热榜 Logo

今日热榜

汇聚全网热点,热门尽览无余

在线预览 GitHub stars LICENSE

React Next.js Tailwind CSS HeroUI


📋 目录

🚀 项目简介

今日热榜 是一个基于 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
微博 热搜榜 weibo
小红书 实时热榜 kuaishou
抖音 热点榜 douyin
快手 热榜 kuaishou

🎬 娱乐内容

平台 类别 状态 API
哔哩哔哩 热门榜 bilibili
豆瓣电影 新片榜 douban-movic
网易云音乐 热歌榜 netease-music

📰 新闻资讯

平台 类别 状态 API
今日头条 热榜 toutiao
腾讯新闻 热点榜 qq
网易新闻 热榜 netease
澎湃新闻 热榜 thepaper
懂车帝 热搜榜 dongchedi
夸克 今日热点 quark
36氪 24小时热榜 36kr
虎嗅 最新资讯 huxiu
爱范儿 快讯 ifanr

🔍 搜索引擎

平台 类别 状态 API
百度 热搜榜 baidu
百度贴吧 热议榜 baidutieba
虎扑 步行街热帖 hupu

💡 知识社区

平台 类别 状态 API
知乎 热榜 zhihu
稀土掘金 热榜 juejin
Github 热门仓库 github-trending
HelloGithub 精选 hello-github
CSDN 热榜 csdn
人人都是产品经理 热榜 woshipm

📚 其他服务

平台 类别 状态 API
微信读书 飙升榜 weread
英雄联盟 更新公告 lol
历史上的今天 百科 history-today
知乎日报 推荐榜 zhihu-daily
IT之家 热榜 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

📦 部署指南

🚀 Vercel 一键部署

Deploy with Vercel

手动部署步骤:

  1. Fork 本项目到你的 GitHub 账户
  2. Vercel 中点击 "New Project"
  3. 选择你 Fork 的项目仓库
  4. 保持默认配置,点击 "Deploy"
  5. 等待部署完成,获取访问链接

🔧 Vercel CLI 部署

# 安装 Vercel CLI
npm i -g vercel

# 登录 Vercel
vercel login

# 部署到预览环境
vercel

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

🤝 贡献指南

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

🐛 报告问题

  • 使用 GitHub Issues 报告 bug
  • 提供详细的问题描述和复现步骤
  • 包含相关的错误信息和环境信息

💡 功能建议

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

📝 添加新平台

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

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

⚠️ 免责声明

⚠️ 重要提醒:请仔细阅读以下声明

📋 使用条款

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

🛡️ 责任限制

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

📞 联系方式

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

📄 许可证

本项目基于 MIT 许可证 开源。

🙏 致谢

💖 开源项目

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

🌟 赞助商

🚀 CDN 加速服务由 Tencent EdgeOne 提供

Tencent EdgeOne

亚洲最佳 CDN、边缘和安全解决方案

🏆 贡献者

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

贡献者

⭐ Star History

Star History Chart

如果这个项目对你有帮助,请给它一个 ⭐️

Made with ❤️ by @baiwumm

© 2025 今日热榜. All rights reserved.

About

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

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •