# react-daily-hot

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

## Basic Information

- **Project Name**: react-daily-hot
- **Description**: 汇聚全网热点，热门尽览无余
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://hot.baiwumm.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-07
- **Last Updated**: 2024-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, vite, Ant-Design

## README

<div align="center">
<img alt="logo" src="./public/logo.svg" width="80"/>
<h2>今日热榜</h2>
<p>汇聚全网热点，热门尽览无余</p>
</div>

## 🚩 项目信息
* 项目预览：https://hot.baiwumm.com/
* 技术栈：[React](https://react.dev/)、[Vite](https://www.vitejs.net/)、[Ant-design](https://ant-design.antgroup.com/)

本项目已使用 [Next.js14](https://nextjs.org/) 重构，不再更新维护， 最新地址：[next-daily-hot](https://github.com/baiwumm/next-daily-hot)

## 💻 演示图

<div style="display:flex;justify-content:space-between;">
<img alt="亮色模式" src="./src/assets/light.png" style="width:49%;"/>
<img alt="暗色模式" src="./src/assets/dark.png" style="width:49%;"/>
</div>

## 💯 热点平台

✅：稳定，⭕：不稳定，❌：无法使用 

| **Logo**    | **平台**     | **类别** | **接口地址** | **状态** |
| :--------: | :--------: | :--------: | :--------: |:--------: |
|<img alt="微博" src="./public/weibo.svg" width="30" style="display:inline-block"/>| 微博     | 热搜榜 | [weibo](https://api.baiwumm.com/hot/weibo)   | ✅ |
|<img alt="哔哩哔哩" src="./public/bilibili.svg" width="30" style="display:inline-block"/>| 哔哩哔哩  | 热门榜   | [bilibili](https://api.baiwumm.com/hot/bilibili)   | ✅ |
|<img alt="抖音" src="./public/douyin.svg" width="30" style="display:inline-block"/>| 抖音     | 热点榜 | [douyin](https://api.baiwumm.com/hot/douyin)   | ✅ |
|<img alt="今日头条" src="./public/toutiao.svg" width="30" style="display:inline-block"/>| 今日头条 | 热榜     | [toutiao](https://api.baiwumm.com/hot/toutiao)   | ✅ |
|<img alt="知乎" src="./public/zhihu.svg" width="30" style="display:inline-block"/>| 知乎     | 热榜 | [zhihu](https://api.baiwumm.com/hot/zhihu)   | ✅ |
|<img alt="百度" src="./public/baidu.svg" width="30" style="display:inline-block"/>| 百度     | 热搜榜 | [baidu](https://api.baiwumm.com/hot/baidu)   | ✅ |
|<img alt="百度贴吧" src="./public/baidutieba.svg" width="30" style="display:inline-block"/>| 百度贴吧  | 热议榜   | [baidutieba](https://api.baiwumm.com/hot/baidutieba)   | ✅ |
|<img alt="腾讯新闻" src="./public/qq.svg" width="30" style="display:inline-block"/>| 腾讯新闻   | 热点榜  | [qq](https://api.baiwumm.com/hot/qq)   | ✅ |
|<img alt="稀土掘金" src="./public/juejin.svg" width="30" style="display:inline-block"/>| 稀土掘金   | 热榜  | [juejin](https://api.baiwumm.com/hot/juejin)   | ✅ |
|<img alt="网易新闻微博" src="./public/netease.svg" width="30" style="display:inline-block"/>| 网易新闻    | 热榜 | [netease](https://api.baiwumm.com/hot/netease)   | ✅ |
|<img alt="英雄联盟" src="./public/lol.svg" width="30" style="display:inline-block"/>| 英雄联盟  | 更新公告   | [lol](https://api.baiwumm.com/hot/lol)   | ✅ |
|<img alt="澎湃新闻" src="./public/thepaper.svg" width="30" style="display:inline-block"/>| 澎湃新闻 | 热榜   | [thepaper](https://api.baiwumm.com/hot/thepaper)   | ✅ |
|<img alt="快手" src="./public/kuaishou.svg" width="30" style="display:inline-block"/>| 快手 | 热榜   | [kuaishou](https://api.baiwumm.com/hot/kuaishou)   | ✅ |
|<img alt="历史上的今天" src="./public/today.svg" width="30" style="display:inline-block"/>| 百度百科 | 历史上的今天   | [today](https://api.baiwumm.com/hot/today)   | ✅ |
|<img alt="微信读书" src="./public/weread.svg" width="30" style="display:inline-block"/>| 微信读书 | 飙升榜   | [weread](https://api.baiwumm.com/hot/weread)   | ✅ |
|<img alt="豆瓣电影" src="./public/douban-movic.svg" width="30" style="display:inline-block"/>| 豆瓣电影 | 新片榜   | [douban-movic](https://api.baiwumm.com/hot/douban-movic)   | ✅ |
|<img alt="网易云音乐" src="./public/netease-music.svg" width="30" style="display:inline-block"/>| 网易云音乐 | 热歌榜   | [netease-music](https://api.baiwumm.com/hot/netease-music)   | ⭕ |

> 以上 `API` 基于 [Nest.js](https://nest.nodejs.cn/) 搭建。

## ✨ 项目运行
```
// 克隆项目
git clone https://github.com/baiwumm/react-daily-hot.git

// 安装依赖
pnpm install

// 运行
pnpm dev
```

## ⚙️ Vercel 一键部署
1. `Fork` 本项目，在 `Vercel` 官网点击 `New Project`
2. 点击 `Import Git Repository` 并选择你 fork 的此项目并点击 `import`
3. `PROJECT NAME`自己填，`FRAMEWORK PRESET` 选 `Other` 然后直接点 `Deploy` 接着等部署完成即可

<a href="https://vercel.com/dashboard" target="_blank">
<img alt="vercel 部署" src="./src/assets/vercel.svg" />
</a>

## ⚙️ Vecel 本地部署
```
// 全局安装 vercel
npm i -g vercel

// 登录
vercel login

// 项目推送
vercel

// 挂载生产
vercel --prod
```
> 具体教程可参考文章：[如何使用 Vercel 托管静态网站](https://baiwumm.com/p/5zzij7bt)

## ⚠️ 须知
1. 本项目的接口会频繁请求官方数据，部分接口使用了 **页面爬虫抓取**，若违反对应页面的相关规则，请 **及时通知我去除该接口**
2. 如果想集成其他平台的热搜或热点 `API`，可以提 `Issues` 
3. 本项目提供的 `API` 仅供开发者进行技术研究和开发测试使用，任何因使用本 `API` 产生的损失，本项目不负担任何赔偿和责任

## 😘 鸣谢
特此感谢为本项目提供支持与灵感的项目，本项目在其基础上使用 `React` 和 `Nest` 构建并优化，感谢开源社区提供的精神支持

- [imsyy/DailyHot](https://github.com/imsyy/DailyHot)
- [imsyy/DailyHotApi](https://github.com/imsyy/DailyHotApi)

## ⭐ Star History

[![Star History Chart](https://api.star-history.com/svg?repos=baiwumm/react-daily-hot&type=Date)](https://star-history.com/#baiwumm/react-daily-hot&Date)