前文提要:[开源一个我自用的实时热榜网站,主打一个优雅,提高一下热榜网站的颜值。]( https://www.fshex.com/t/1081758)

上了今天的科技爱好者周刊之后,到现在涨了 120 多 star ,赶紧加了一些程序员爱看的内容源。 随着卡片数量的增多,卡片颜色也变得更多,越来越考验我的设计水平了。目前看上去 dark mode 下还是很和谐的。

ps. 就是阮老师这个图片压缩得太离谱了。

![]( https://testmnbbs.oss-cn-zhangjiakou.aliyuncs.com/pic/202410251355296.webp?x-oss-process=base_webp)

![]( https://testmnbbs.oss-cn-zhangjiakou.aliyuncs.com/pic/202410251356490.webp?x-oss-process=base_webp)

![]( https://testmnbbs.oss-cn-zhangjiakou.aliyuncs.com/pic/202410251356824.webp?x-oss-process=base_webp)

## 部署

Github: [ourongxing/newsnow]( https://github.com/ourongxing/newsnow/tree/main)

如果不需要登录,缓存,可以直接部署到 Cloudflare Pages ,Vercel 等。Fork 之后在对应平台上导入即可。

登录涉及到 Github Oauth ,只需要 [创建一个 Github App]( https://github.com/settings/applications/new) 即可,不需要申请任何权限。然后就会得到 Client ID 和 Client Secret 。关于环境变量,不同平台有不同的填写位置,请关注 `example.env.server` 文件。如果本地运行,需要将其重命名为 `.env.server`,然后按照要求添加。

```env
# 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
```
举报· 113 次点击
登录 注册 站外分享
8 条回复  
Nalife520 初学 2024-10-26 11:48:58
可以的,UI 好看,设计感很好~
leinad59 初学 2024-10-25 17:58:27
https://newsnow.busiyi.world/c/hottest

滚动起来卡卡的
spritecn 初学 2024-10-25 15:20:41
这不是今日热榜么...
PbCopy111 小成 2024-10-25 15:10:59
好棒!但咋访问 V2 呀,联合早报也上不去,不能找个地方填一下代理地址么?
docker compose up 方式,是不是就不用写 github Oauth 了?因为容器也进不去,我也没找到能写的地方。
MrZhangLo 小成 2024-10-25 14:20:12
很漂亮。  但是在高刷屏下滚动起来感觉钝钝的。
返回顶部