一个基于UAPI数据源的实时热榜查询网站，支持60+主流平台的热榜数据展示。
- 🚀 多平台支持: 支持微博、百度、知乎、哔哩哔哩、IT之家、36氪、掘金等60+平台
- 📱 响应式设计: 完美适配桌面端和移动端
- 🎨 现代化界面: 采用渐变色彩和卡片式布局
- ⚡ 快速查询: 一键快速查询常用平台
- 🔄 实时数据: 基于UAPI提供的实时热榜数据
- 🌐 静态部署: 纯前端项目，可部署到任何静态网站托管服务
- 前端: HTML5 + CSS3 + JavaScript (ES6+)
- 数据源: UAPI 热榜接口
- 部署: 静态网站托管 (支持 EdgeOne Pages, Vercel, Netlify 等)
- bilibili (哔哩哔哩弹幕网)
- weibo (新浪微博热搜)
- zhihu (知乎热榜)
- douyin (抖音热榜)
- kuaishou (快手热榜)
- hupu (虎扑热帖)
- v2ex (V2EX技术社区)
- 等等...
- baidu (百度热搜)
- toutiao (今日头条热榜)
- qq-news (腾讯新闻热榜)
- sina (新浪热搜)
- netease-news (网易新闻热榜)
- ithome (IT之家热榜)
- juejin (掘金社区热榜)
- csdn (CSDN博客热榜)
- 36kr (36氪热榜)
- sspai (少数派热榜)
- lol (英雄联盟热帖)
- genshin (原神热榜)
项目可以直接部署到静态网站托管服务，推荐以下平台：
- 克隆项目到本地
- 使用本地服务器运行（如 Live Server）
- 打开浏览器访问
index.html
# 使用 Python 启动简单服务器
python -m http.server 8000
# 或使用 Node.js
npx serve .hotboard-query/
├── index.html # 主页面文件
├── app.js # JavaScript 应用逻辑
├── README.md # 项目说明
├── .gitignore # Git 忽略文件
└── deploy.md # 部署说明
- 选择平台: 从下拉菜单中选择想要查询的平台
- 设置条数: 调整要显示的热榜条目数量（1-50条）
- 查询数据: 点击"查询热榜"按钮或使用快速查询标签
- 查看结果: 浏览格式化后的热榜数据
- 访问链接: 点击"查看详情"访问原始链接
在 app.js 中可以修改以下配置：
// API 基础地址
this.baseUrl = 'https://uapis.cn/api/v1/misc/hotboard';
// CORS 代理地址（可选）
this.corsProxy = 'https://cors-anywhere.herokuapp.com/';
// 默认显示条数
const DEFAULT_LIMIT = 20;在 index.html 的 <style> 标签中可以修改CSS样式：
- 主题色彩
- 布局样式
- 响应式断点
- 动画效果
- 上传项目: 将项目文件上传到 GitHub 仓库
- 连接 EdgeOne: 在 EdgeOne Pages 中连接你的 GitHub 仓库
- 配置构建设置:
- 构建命令:
echo "Static site - no build needed" - 输出目录:
/(根目录)
- 构建命令:
- 部署: 点击部署，等待构建完成
- 访问: 通过提供的域名访问你的热榜查询网站
- CORS限制: 由于浏览器的同源策略，直接调用API可能会遇到CORS问题
- 网络依赖: 需要稳定的网络连接来获取实时数据
- 数据准确性: 示例数据仅供参考，实时数据请以各平台官方为准
- API限制: 请遵守UAPI的使用条款和频率限制
欢迎提交 Issue 和 Pull Request 来改进这个项目！
MIT License
Made with ❤️ by Allen