HackerNews中文快讯-简洁优雅的技术新闻聚合器

今天为大家介绍一个非常实用且优雅的小项目 —— hackernews-cn。

这个项目的核心目标是：为中文用户提供一个简洁、快速、易读的 Hacker News 中文版首页。

🛠 项目简介

Hacker News 是全球技术圈非常知名的资讯平台，但它始终以英文内容为主，对中文读者并不友好。hackernews-cn 正是为了解决这个痛点而诞生。

该项目基于 Vercel 部署，前端使用 React + Next.js 框架开发，通过抓取 Hacker News API 并结合百度翻译接口，将热门技术新闻实时翻译为中文，展示在一个极简风格的页面上。

💡 核心功能

• 实时抓取 Hacker News Top Stories
• 自动翻译 新闻标题（调用百度翻译 API）
• 极简 UI：仅展示新闻标题、来源、评分、评论数
• 移动适配：页面响应式设计，移动端浏览体验也很流畅
• 部署简单：一键部署到 Vercel，开箱即用

🧩 技术栈一览

• 前端框架：React + Next.js
• 样式处理：Tailwind CSS
• 数据来源：Hacker News API
• 翻译接口：百度翻译开放平台
• 托管平台：Vercel

🚀 使用方式

1. 克隆项目仓库：

   git clone https://github.com/ViggoZ/hackernews-cn.git

2. 安装依赖：

   npm install

3. 设置环境变量：
   创建 .env.local 文件，填入你的百度翻译 API 信息：

   BAIDU_APP_ID=你的AppId
   BAIDU_SECRET_KEY=你的SecretKey

4. 本地启动项目：

   npm run dev

5. 部署到 Vercel 或其他平台，自定义域名发布即可。

🌐 在线体验

项目部署示例地址（如作者提供）：

https://hackernews-cn.vercel.app/

📝 总结

hackernews-cn 是一个非常适合技术爱好者、开发者日常阅读使用的小工具。它不仅实现了 Hacker News 的本地化，更用极简的设计提升了阅读效率。如果你是个想了解全球技术动态但英文阅读不够顺畅的开发者，这个项目值得一试！

Github：https://github.com/ViggoZ/hackernews-cn

油管：https://youtu.be/Sd0_r5Q8gJY