Featured image of post 将萌萌计数器部署到 Cloudflare Workers

将萌萌计数器部署到 Cloudflare Workers

本篇仅为champhoon大佬文章在实际部署过程中的补充

在安装Wrangler-CLI过程中命令行提示v1版本已经不再维护,目前已经更新至v3,npm项目的地址为wrangler

由于版本更新原文章中许多命令并不适用,具体可参考官方文档

安装wrangler

npm install wrangler --save-dev

npx wrangler --version运行正确即安装成功

登录wrangler

npx wrangler login

需要命令行中显示success,如不行建议开全局代理

如果wrangler.toml你按原文章走流程了也行,只需在第二行加行main = "dist/worker"

后续就和原文章一样,在同样命令前加npx即可,由于我在项目中的pnpm中卡住,一直显示Running postinstall script…

因此我直接在cmd中npm installwebpack和webpack-cli,如果还有其它的也顺手安装,最后部署

cd moe-counter-cf
npx wrangler deploy

如果显示Error fetch failed大概率是因为cloudflare的api在中国大陆被墙了或者你还没登录wrangle,可以开全局代理试试。命令行最后显示Deployment ID应该就是成功了。

最后进入自己的域名counter.example.com,如果希望demo页正常显示就进入src/routes/index.html改一下img地址

总之终于能国内正常访问网址了好开心,虽然以前的6k浏览量没了😭(水分很大)

再次感谢champhoondsrkafuu,以及原作者journey-ad

后记

本来想把这个当封面的,结果webp效果好点要7M,考虑到网速还是算了。这个UI入水那下是真的惊艳(好想玩P3R啊啊啊啊,谁送我一个)

这里放的是mp4,因为我发现我这个图片放大的js貌似不支持avif,而且avif和wep在加载时会闪烁
但是avif格式只需4M,奈何高质量的原生Go编码器还没有,放不到封面上

致谢

Cover: P3R
Moe-Counter
moe-counter-cf
将萌萌计数器部署到 Cloudflare Workers

Licensed under CC BY-NC-SA 4.0
最后更新于 2024-03-05 03:58 CST
使用 Hugo 构建
主题 StackJimmy 设计
:shirakii
-->