Twikoo doesn't work until the page is refreshed.

[ghost]

Describe the bug 描述你遇到的错误

打开我的任意一篇文章，发现twikoo并不显示，刷新网页面之后，twikoo才出现。本地预览时正常，只有部署后的网页才有这个问题。

Expected behavior 期待的行为

No response

Screenshots 屏幕截图

No response

Build Environment 构建环境

• OS: Windows 10
• Theme version/commit: 5f0ec96
• Hugo version: 0.92.2, extended

Preview Environment 预览环境

• OS: Windows 10
• Browser: Microsoft Edge
• Hugo version: 0.92.2, extended

Additional Information 补充信息

为了尽量减少影响，我目前通过子模块的方式引用主题，本地构建后使用peaceiris/[email protected]部署public目录。

我试图通过控制变量进行排查，在以下若干次尝试中，问题仍然存在：

• 换用GitHub Actions或者Cloudflare Pages来构建。
• twikoo部署到腾讯云或者vercel。
• 取消Cloudflare的代理。
• 直接构建部署DoIt的Example Site。
• 参考 [BUG] Failed to transform twikoo. #469 ，我在本地themes/DoIt目录下运行npm install。

我的配置文件

[HEIGE-PCloud]

我注意到所有 pjax-asset 的 type 在不同页面都被做出了不同的修改。可能是因此造成的 Pjax 加载问题。我在本地和 exampleSite 中均未能复现出这个问题。请问在部署环境中还做过什么其他配置吗？

[ghost]

@HEIGE-PCloud 为了减少影响因素，我没有进行其他配置。这是我的GitHub Actions文件。
由于我不是很确定DoIt的构建部署流程，所以与您做过的尝试可能并不一样。DoIt是用/.github/workflows/Build.yml构建，然后通过Cloudflare Pages直接发布（除发布外不执行其他操作）吗？
我尝试过模仿这个过程，但问题仍然出现。

另一个猜想，问题可能与GitHub Actions文件中的npm install有关？
我没有成功地完成这一步，因为GitHub Actions会将node_modules安装在项目根目录，而DoIt的examplesite是向上层路径引用主题的，所以能正确使用node_modules，但如果主题使用子模块方式引入，那么DoIt主题并不能使用到node_modules的文件。我尝试过npm install --prefix指定安装路径，但只安装了部分依赖。

如果您能提供一个示例仓库，主题使用子模块方式，并以一个简单的GitHub Actions来构建部署，那再好不过了。

[HEIGE-PCloud]

https://heige-pcloud.github.io/test-blog/

我尝试部署了你的博客 似乎没有遇到任何问题

https://github.com/HEIGE-PCloud/test-blog/

[ghost]

感谢您的热心帮助❤，我已经解决了问题✅。

我之前提出的解决方式是错误的，估计是缓存方面的影响让我误以为解决了问题，结果后来这个问题再次出现😨。

我已经重新编辑了此回答，并保证这是正确的解决方法：

Cloudflare站点→速度→优化→关闭Rocket Loader