将 .json 配置传递给外部 js 以获得 grav 主题

Question

我目前正在构建 Grav theme, in which a div should have the particle background from particle.js。

如 setup manual 所述，js 中渲染粒子的实际函数调用需要 .json 格式的 config 文件

/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'assets/particles.json', function() {
  console.log('callback - particles.js config loaded');
});

但是，我不确定如何提供 json 文件的路径。当我尝试传递常规 html 相对路径时（如上例所示），控制台中的 GET 命令返回了 404 错误。当我使用 {{ url("theme://assets/particles.json") }} 尝试 Static Asset Path 时，GET 返回了 403（禁止）错误。

如何在外部脚本中提供路径？

Answer 1

我自己找到了解决方案：除了提供相对路径或使用流函数之外，您还可以提供主题资源文件夹的 "semi-relative" 路径（如果您使用的话）： /user/themes/<theme-name>/assets/particles.json

将 .json 配置传递给外部 js 以获得 grav 主题

Pass .json config to external js for a grav theme

javascript

json

twig

grav

particles.js