网站LOGO
白雾茫茫丶
页面加载中
5月9日
网站LOGO 白雾茫茫丶
记录学习、生活和有趣的事
菜单
  • 白雾茫茫丶
    记录学习、生活和有趣的事
    用户的头像
    首次访问
    上次留言
    累计留言
    我的等级
    我的角色
    打赏二维码
    打赏博主
    基于 React 的今日热门榜单平台
    点击复制本页信息
    微信扫一扫
    文章二维码
    文章图片 文章标题
    创建时间
  • 一 言
    确认删除此评论么? 确认
  • 本弹窗介绍内容来自,本网站不对其中内容负责。
    • 复制图片
    • 复制图片地址
    • 百度识图
    按住ctrl可打开默认菜单

    基于 React 的今日热门榜单平台

    谢明伟 · 原创 ·
    前端开发实用工具 · ReactViteAnt-DesignVercel
    共 2674 字 · 约 1 分钟 · 814
    本文最后更新于2023年12月28日,已经过了133天没有更新,若内容或图片失效,请留言反馈
    花了几天时间,收集了微博、抖音、百度等一些热门平台的 API 接口,使用 React 搭建了一个热门榜单汇总,全网热点尽览无余。

    项目信息

    项目预览:今日热榜
    前端技术栈:ReactViteAntd
    Github:react-daily-hot

    效果预览


    热点平台

    Logo平台类别接口地址
    微博热搜榜weibo
    哔哩哔哩热门榜bilibili
    抖音热点榜douyin
    今日头条热榜toutiao
    知乎热榜zhihu
    百度热搜榜baidu
    百度贴吧热议榜baidutieba
    腾讯新闻热点榜qq
    稀土掘金热榜juejin
    网易新闻热榜netease
    英雄联盟更新公告lol
    澎湃新闻热榜thepaper
    以上 API 是本人基于 Nest.js 搭建的,因为接口涉及到一些敏感数据,故接口代码没有开放。

    项目运行

    git 代码:
    // 克隆项目
    git clone https://github.com/baiwumm/react-daily-hot.git
    
    // 安装依赖
    pnpm install
    
    // 运行
    pnpm dev

    Vecel 本地部署

    PowerShell 代码:
    // 全局安装 vercel
    npm i -g vercel
    
    // 登录
    vercel login
    
    // 项目推送
    vercel
    
    // 挂载生产
    vercel --prod

    总结

    如果想集成其他平台的热搜或热点 API,可以提 Issues
    喜欢的伙伴可以给项目点个 star,爱你😘
    后续会加一些功能:支持拖拽排序、主题切换动画等

    声明:本文由 谢明伟(博主)原创,依据 CC-BY-NC-SA 4.0 许可协议 授权,转载请注明出处。
    我要发表评论 我要发表评论
    博客logo 白雾茫茫丶 记录学习、生活和有趣的事 51统计 百度统计
    MOEICP 萌ICP备20236860号 ICP 粤ICP备2023007649号 ICP 粤公网安备44030402006402号

    💻️ 谢明伟 14小时前 在线

    🕛

    本站已运行 2 年 129 天 11 小时 52 分

    🌳

    自豪地使用 Typecho 建站,并搭配 MyLife 主题
    白雾茫茫丶. © 2022 ~ 2024.
    网站logo

    白雾茫茫丶 记录学习、生活和有趣的事
     
     
     
     
     
     
     
     

    1

    1

  • 下一篇