前文提要:开源一个我自用的实时热榜网站,主打一个优雅,提高一下热榜网站的颜值。
上了今天的科技爱好者周刊之后,到现在涨了 120 多 star ,赶紧加了一些程序员爱看的内容源。 随着卡片数量的增多,卡片颜色也变得更多,越来越考验我的设计水平了。目前看上去 dark mode 下还是很和谐的。
ps. 就是阮老师这个图片压缩得太离谱了。
Github: ourongxing/newsnow
如果不需要登录,缓存,可以直接部署到 Cloudflare Pages ,Vercel 等。Fork 之后在对应平台上导入即可。
登录涉及到 Github Oauth ,只需要 创建一个 Github App 即可,不需要申请任何权限。然后就会得到 Client ID 和 Client Secret 。关于环境变量,不同平台有不同的填写位置,请关注 example.env.server
文件。如果本地运行,需要将其重命名为 .env.server
,然后按照要求添加。
# Github Clien ID
G_CLIENT_ID=
# Github Clien Secret
G_CLIENT_SECRET=
# JWT Secret, 通常就用 Clien Secret
JWT_SECRET=
# 初始化数据库, 首次运行必须设置为 true ,之后可以将其关闭
INIT_TABLE=true
本项目主推 Cloudflare Pages 以及 Docker 部署,Vercel 需要你自行搞定数据库,其他支持的数据库可以查看 https://db0.unjs.io/connectors 。
Cloudflare D1 数据库可以免费使用,在 Cloudflare Worker 控制面板里找到 D1 手动创建数据库,将 database_id
以及 database_name
填入 wrangler.toml
对应位置即可。下次部署时就可以生效了。
Docker 部署,只需要项目根目录 docker-compose.yaml
文件,同一目录下执行
docker compose up
1
MrZhangLo 8 天前
很漂亮。 但是在高刷屏下滚动起来感觉钝钝的。
|
2
ourongxing OP @MrZhangLo 可能是我用的 OverlayScrollbars ,放在 body 上可能就会造成性能问题。
|
3
PbCopy111 8 天前
好棒!但咋访问 V2 呀,联合早报也上不去,不能找个地方填一下代理地址么?
docker compose up 方式,是不是就不用写 github Oauth 了?因为容器也进不去,我也没找到能写的地方。 |
4
ourongxing OP @PbCopy111 建议直接 cloudflare 吧,反正免费的。
|
5
spritecn 8 天前
这不是今日热榜么...
|
6
leinad59 8 天前
https://newsnow.busiyi.world/c/hottest
滚动起来卡卡的 |
7
ourongxing OP @leinad59 是有点卡,目前还不知道原因,应该还是多方面原因,看来我得来一下压力测试了。
|
8
Nalife520 7 天前
可以的,UI 好看,设计感很好~
|
9
xiaomoxian 5 天前 via Android
一个瑟瑟导航和你这风格差不多
|