繁中
English繁中

HackerNews中文通訊-簡潔優雅的技術新聞聚合器

作者: /

今天我想向大家居間一個非常實用又優雅的小項目-- 黑客新聞網。

該項目的核心目標是：為中國用戶提供簡單、快速、易於閱讀的黑客新聞中文主頁。

項目居間

黑客新聞是全球科技界非常知名的信息平台，但它總是專注於英語內容，對中國讀者並不友好。黑客新聞網就是為了解決這個痛點而誕生的。

該項目基於 維塞爾 部署，前端使用React + Next.js框架開發。通過抓取黑客新聞API並將其與百度翻譯界面相結合，熱門技術新聞被實時翻譯成中文並顯示在極簡頁面上。

💡核心功能

  • 實時捕捉 黑客新聞頭條
  • 自動翻譯 新聞頭條（致電百度翻譯API）
  • 極簡主義UI：僅顯示新聞標題、來源、評分和評論數量
  • 移動適應：頁面響應靈敏，移動瀏覽體驗也流暢
  • 簡單部署：只需單擊即可部署到Vercel並開箱即用

技術堆棧概述

  • 前端框架：React + Next.js
  • 款式處理：順風CSS
  • 數據來源：黑客新聞API
  • 翻譯界面：百度翻譯開放平台
  • 託管平台：維塞爾

收件箱使用

  1. 克隆項目倉庫：

    git克隆https://github.com/ViggoZ/hackernews-cn.git

  2. 安裝依賴關係：

    npm install

  3. 設置環境變量：
    創建 . dev.本地 文件，填寫您的百度翻譯API信息：

    BAIDU_APP_ID=您的AppId
BAIDU_Secret_Key=您的SecretKey

  4. 在當地啟動項目：

    npm run dev

  5. 將其部署到Vercel或其他平台並發布自定義域名。

🌐在線體驗

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

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

📝摘要

Hackernews-CN是一款非常適合科技愛好者和開發者日常閱讀的小工具。它不僅本地化了黑客新聞，還通過極簡主義的設計提高了閱讀效率。如果您是一名想要了解全球技術趨勢但不擅長英語閱讀的開發人員，那麼這個項目值得一試！

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

輸油管：

返回頂端