如何使用CDN link在Jekyll中正确添加particle.js资产源库

Question

如何在Jekyll中正确添加javascript源资源？

我尝试在_includes\head.html中添加源代码链接，我觉得这不是一个好的约定。

<link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">

{% include head/meta.html %}
{% include head/links.html %}
{% include head/scripts.html %}
{% include head/styles.html %}
{% include my-head.html %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.1.0/particles.min.js"></script> 

下面是文件夹树结构的外观。我知道我有多个地方存放我的资产js和css，稍后我将对它们进行组织。

​

​

Answer 1

你的问题不是很清楚，但我会说你是在引用粒子库之后才加载它的。所以你的浏览器控制台应该有一些你没有提到的错误...

您应该在脚本之前包含粒子js。

​

{% include head/meta.html %}
{% include head/links.html %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.1.0/particles.min.js"></script>
{% include head/scripts.html %}
{% include head/styles.html %}
{% include my-head.html %}

或者更好的方法是将其添加到您的head/scripts.html中，这样您就可以在一个地方导入所有的脚本，但即使这样，您也应该注意导入的顺序。如果某个脚本具有依赖关系，则应该在它之前导入它的依赖关系。