javascript - 无法将外部 JavaScript 与 Jekyll 链接

Question

我有一个由使用 Jekyll 的 GitHub Pages 托管的网站，我已经成功地在每个布局中使用了一个内部定义的脚本，该脚本将从它们的数组中生成一个随机标语。

我正在尝试将此脚本移动到外部 tagline.js ，但到目前为止我一直没有成功。

这是基本的标语生成脚本，以防代码中的某些内容导致此问题(老实说，我对此表示怀疑，因为它很简单；但它总是有可能):

var tags = [ 'tag1', 'tag2', 'tag3' ];

function getTag() {
    return tags[Math.floor(Math.random() * tags.length)];
}

$(document).ready(function() {
    $("#tagline").text(getTag());
});

就像我说的，它在内部时工作正常，但当我尝试链接到外部时却不行。我很确定这只是我指向 <script> 的一个例子至:包含 <script> 的 HTML 文件在_layouts/default.html , 但脚本在 scripts/tagline.js 中:

<script type="text/javascript" href="../scripts/tagline.js"></script>

Answer 1

要用于脚本调用的属性是 src 而不是 href。例如:

<script type="text/javascript" src="../scripts/tagline.js"></script>

我还强烈建议使用站点根目录(又名 docroot)的路径，而不是相对于文件的路径。这样你就可以在多个地方使用同一个调用，它总是会到达正确的位置。要使用 docroot 相对 URL，路径应以 / 开头。

假设您的脚本位于 http://example.com/scripts/tagline.js，您将进行的调用是:

<script type="text/javascript" src="/scripts/tagline.js"></script>

如果不使用文档根目录，您将不得不根据调用脚本的 HTML 文件在树中的位置不断调整路径。如果所有文件都在同一个地方，那没什么大不了的，但养成这个好习惯可以避免以后出现问题。