本篇仅为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浏览量没了😭(水分很大)

再次感谢champhoon和dsrkafuu，以及原作者journey-ad

后记

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

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

致谢