
前文提要:开源一个我自用的实时热榜网站,主打一个优雅,提高一下热榜网站的颜值。
上了今天的科技爱好者周刊之后,到现在涨了 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 2024-10-25 14:20:12 +08:00 很漂亮。 但是在高刷屏下滚动起来感觉钝钝的。 |
2 ourongxing OP @MrZhangLo 可能是我用的 OverlayScrollbars ,放在 body 上可能就会造成性能问题。 |
3 PbCopy111 2024-10-25 15:10:59 +08:00 好棒!但咋访问 V2 呀,联合早报也上不去,不能找个地方填一下代理地址么? docker compose up 方式,是不是就不用写 github Oauth 了?因为容器也进不去,我也没找到能写的地方。 |
4 ourongxing OP @PbCopy111 建议直接 cloudflare 吧,反正免费的。 |
这不是今日热榜么... |
6 imik 2024-10-25 17:58:27 +08:00 https://newsnow.busiyi.world/c/hottest 滚动起来卡卡的 |
7 ourongxing OP @leinad59 是有点卡,目前还不知道原因,应该还是多方面原因,看来我得来一下压力测试了。 |
8 Nalife520 2024-10-26 11:48:58 +08:00 可以的,UI 好看,设计感很好~ |
9 xiaomoxian 2024-10-28 01:16:18 +08:00 via Android 一个瑟瑟导航和你这风格差不多 |