演示地址：http://www.songjiale.com/xcx/baidu
### 项目名称：百度实时热点采集（Baidu Hot Collection）
#### 项目地址：http://www.songjiale.com/Article/?589.html
一、项目简介
百度实时热点采集是一个基于 PHP 开发的轻量级、高性能热点采集与展示系统，专注于实时同步百度热搜榜单，提供简洁美观、层次分明的前端展示界面，支持热点搜索、详情查看、图片放大、网友评论等核心功能。
项目采用单文件架构，无需复杂部署，开箱即用，同时遵循现代新闻网站 UI 设计规范，区分头条、热门、常规热点层级，兼顾视觉体验与实用性，适合个人博客、学习演示、小型资讯站点等场景使用。
核心定位：轻量无依赖、易部署、高美观度的百度热点采集展示工具，助力开发者快速搭建属于自己的热点资讯页面。
二、核心功能
- 实时热点采集：通过 API 接口同步百度实时热搜数据，异步加载不阻塞页面，保证数据实时性与页面流畅度。
- 分层视觉展示：首页采用「头条大图 + 双列热门 + 瀑布流卡片」布局，重点突出 TOP3 热点，层次分明，告别单调排版。
- 本地模糊搜索：支持热点标题、简介内容实时模糊搜索，本地过滤无需请求接口，搜索响应秒级完成。
- 热点详情页：点击热点新标签页打开详情，展示高清图片、完整简介，支持图片点击放大（灯箱效果），阅读体验极佳。
- 网友评论功能：集成搜狐云评论，支持电脑/手机自适应，实现用户互动、评论盖楼，丰富页面社交属性。
- SEO 自动优化：详情页自动生成标题、关键词、描述，图片自动添加 alt 属性，助力页面搜索引擎收录。
- 全设备自适应：完美适配电脑、平板、手机等各类设备，布局自动调整，保证不同终端的使用体验一致。
- 轻量无依赖：单 PHP 文件运行，无需数据库、无需额外框架，仅需 PHP 运行环境即可部署。
三、技术栈
- 后端：PHP（7.0+），单文件架构，异步数据请求，代码简洁易维护。
- 前端：HTML5 + CSS3 + JavaScript，原生开发无框架依赖，轻量高效；采用 Flex + Grid 布局，实现复杂视觉排版。
- 第三方集成：搜狐云评论（PC/移动端自适应）、百度热搜 API 接口。
- UI 设计：参考主流新闻门户风格，采用分层设计、渐变配色、阴影动效，兼顾美观与实用性。
四、快速部署
1. 环境要求
- PHP 版本：7.0 及以上
- 运行环境：Apache/Nginx 服务器，支持 PHP 解析
- 网络权限：服务器需允许外部 API 请求（用于获取百度热点数据）
2. 部署步骤
- 克隆/下载项目代码，将index.php文件上传至服务器网站根目录。
- 确保服务器 PHP 环境正常，无需额外配置数据库、无需安装依赖。
- 直接访问服务器域名/IP，即可自动加载百度实时热点，完成部署。
五、使用说明
1. 首页操作
- 顶部搜索框：输入关键词，实时过滤热点内容（支持标题、简介模糊匹配）。
- 头条热点：首页顶部超大 banner，展示当前最热门热点，点击跳转详情页（新标签打开）。
- 热门热点：头条下方双列卡片，展示 TOP2、TOP3 热点，点击跳转详情页。
- 常规热点：双列下方瀑布流卡片，展示剩余热点，按排名依次排列， hover 有悬浮动效。
2. 详情页操作
- 返回首页：点击「← 返回首页」，回到热点列表页。
- 图片放大：点击详情页图片，进入全屏灯箱模式，点击任意位置/右上角关闭按钮退出。
- 阅读原文：点击「阅读原文」按钮，新标签打开百度热搜原文页面。
- 网友评论：详情页底部评论区，可查看、发布评论，支持互动盖楼（需搜狐云评论账号，可自行替换 appid 和 conf）。
3. 自定义配置
- 修改网站标题：编辑index.php顶部$siteTitle变量，替换为自定义标题。
- 替换评论配置：替换代码中搜狐云评论的appid和conf，使用自己的评论账号。
- 调整 UI 样式：修改 CSS 中的配色、尺寸、间距等，适配自己的视觉需求。
- 更换 API 接口：若需更换热点数据源，替换$apiUrl变量，确保接口返回格式与现有适配。
六、项目特点
- 易部署：单文件架构，无需数据库、无依赖，上传即能用，新手也能快速上手。
- 高美观：参考专业新闻网站 UI，分层布局、视觉层次强，告别单调排版，屏占比拉满。
- 高性能：异步加载数据，不阻塞页面渲染，搜索、跳转响应迅速，无卡顿。
- 高灵活：支持自定义标题、评论、样式、数据源，可根据需求自由修改。
- 全适配：自适应各类设备，PC 端大气美观，移动端简洁易用。
七、贡献指南
欢迎各位开发者参与项目贡献，共同完善本项目！
- 提交 Issue：若遇到 bug、功能建议，可在项目仓库提交 Issue，详细描述问题或需求。
- 提交 PR：欢迎 Fork 项目，修改代码后提交 Pull Request，经审核通过后合并入主分支。
- 贡献要求：代码风格保持一致，注释清晰，新增功能需配套说明文档，确保不破坏原有核心功能。
八、许可证
本项目采用 MIT 许可证（MIT License）开源，允许个人和商业使用、修改、分发，无需额外授权，详情请查看 LICENSE 文件。
九、作者信息
- 作者：宋佳乐
- 个人博客：songjiale.com
- 项目用途：个人学习、开源分享，助力开发者快速搭建热点采集展示页面。
### 免责声明
本项目仅用于学习和研究目的，采集的热点数据来源于百度热搜 API，数据版权归百度所有。请勿用于商业用途、恶意爬取或违反相关法律法规的行为，若因使用本项目产生任何法律责任，由使用者自行承担。
亲，沙发正空着，还不快来抢？
我要评论 / 展开表单