Show HN: HackerBa – Hacker News with a Baidu Tieba UI

sha2kyou2 pts0 comments

GitHub - sha2kyou/HackerBa: 将 Hacker News 改造成贴吧式阅读体验。 · GitHub

/" data-turbo-transient="true" />

Skip to content

Type / to search

Sign in<br>Sign upAppearance settings

You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.

Dismiss alert

{{ message }}

sha2kyou

HackerBa

Public

Notifications<br>You must be signed in to change notification settings

Fork

Star

main

BranchesTags

Go to file

CodeOpen more actions menu

Folders and files<br>NameNameLast commit message<br>Last commit date<br>Latest commit

History<br>34 Commits<br>34 Commits

docs/images

docs/images

src

src

test

test

.gitignore

.gitignore

CLAUDE.md

CLAUDE.md

LICENSE

LICENSE

README.md

README.md

README.zh-CN.md

README.zh-CN.md

manifest.json

manifest.json

package-lock.json

package-lock.json

package.json

package.json

View all files

Repository files navigation

HackerBa

English | 中文

Chrome extension that restyles Hacker News as a Tieba-like forum.

Content still comes from Hacker News; layout and interaction follow classic Baidu Tieba forum / thread pages. Supports English / Chinese, light / dark theme, and a blue or HN-orange accent color. No changes to the HN account system.

Screenshots

Desktop UI in English:

List page

Thread page

Features

List page : scores, hot/top badges, title and domain, author and time, Tieba-style pagination

Thread page : floor cards, OP / Me badges, nested replies, user levels derived from HN karma

Section tabs : Posts / Ask / Show / Jobs / Best; list sorting by default or newest

In-page modals : profile, login, compose (new post), guidelines, and settings open as overlays

Search : in-page search via the Algolia HN API

Options : language, theme, accent color, density, title-click behavior, open discussion in new tab, forum cover visibility

Install

Open chrome://extensions

Enable Developer mode

Click Load unpacked

Select this repository root (the folder that contains manifest.json)

Then visit any https://news.ycombinator.com/* page. Preferences are available from the top-bar Settings link, or from the extension’s options page.

Development

npm install<br>npm test

Path<br>Description

manifest.json<br>Manifest V3

src/content-script.js<br>Page restyle logic

src/hackerba.css<br>Tieba-style skin

src/i18n.js<br>English / Chinese strings

src/options.html / src/options.js<br>Options page

test/<br>Unit tests

After code changes, click Reload on chrome://extensions, then refresh the HN page.

License

MIT

About<br>将 Hacker News 改造成贴吧式阅读体验。<br>Resources<br>Readme<br>MIT license<br>Activity<br>Stars<br>2 stars<br>Watchers<br>0 watching<br>Forks<br>0 forks<br>Report repository

Releases

Packages

Used by

Contributors

Languages

You can’t perform that action at this time.

page json news hackerba hacker tieba

Related Articles