NewsNow 上了今天的科技爱好者周刊之后,到现在涨了 120 多 star,更新部署文档。

27 天前
 ourongxing

前文提要:开源一个我自用的实时热榜网站,主打一个优雅,提高一下热榜网站的颜值。

上了今天的科技爱好者周刊之后,到现在涨了 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
2225 次点击
所在节点    分享创造
9 条回复
MrZhangLo
27 天前
很漂亮。 但是在高刷屏下滚动起来感觉钝钝的。
ourongxing
27 天前
@MrZhangLo 可能是我用的 OverlayScrollbars ,放在 body 上可能就会造成性能问题。
PbCopy111
27 天前
好棒!但咋访问 V2 呀,联合早报也上不去,不能找个地方填一下代理地址么?
docker compose up 方式,是不是就不用写 github Oauth 了?因为容器也进不去,我也没找到能写的地方。
ourongxing
27 天前
@PbCopy111 建议直接 cloudflare 吧,反正免费的。
spritecn
27 天前
这不是今日热榜么...
leinad59
27 天前
https://newsnow.busiyi.world/c/hottest

滚动起来卡卡的
ourongxing
27 天前
@leinad59 是有点卡,目前还不知道原因,应该还是多方面原因,看来我得来一下压力测试了。
Nalife520
26 天前
可以的,UI 好看,设计感很好~
xiaomoxian
25 天前
一个瑟瑟导航和你这风格差不多

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1083568

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX