如何在jekyll中添加脚本标签？

Question

Jekyll是一个简单的，可识别博客的静态站点生成器，用于个人项目，我如何在此类ruby项目中添加脚本标签。

我的index.html看起来像这样：

---
layout: default
---

<div class="home">

  <h1 class="page-heading">Posts</h1>

  <ul class="post-list">
    {% for post in site.posts %}
      <li>
        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>

        <h2>
          <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
        </h2>
      </li>
    {% endfor %}
  </ul>

  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>

</div>

文件夹结构还包含以下文件和文件夹： about.md _config.yml css feed.xml _includes index.html _layouts _posts _sass _site

我正在尝试为静态网页探索jekyll平台。

Answer 1

步骤1：制作脚本文件。

.js照常创建脚本（）文件。

您可能需要保存在适当的文件夹中，例如：

../assets/js/some-script.js

/assets/如果没有该文件夹，则可能需要制作该文件夹。

请勿_在文件夹名称的开头使用下划线（），然后Jekyll会将该文件夹和内容简单地复制到_site的内部版本中作为静态资产。

第2步：在HTML中调用/引用脚本。

然后随便调用它，例如：

...<script src="{{ base.url | prepend: site.url }}/assets/some-script.js"></script>...。

如果要在每个页面上使用该脚本，请将呼叫放在default.html布局文件中。然后，使用该default.html布局的每个页面都将调用该脚本。该布局文件位于_layouts/default.html。

如果您只想在当前页面上使用它，则可以some-page.md以同样的方式在markdown中调用它。

如果您只想在直播时调用它，而又不想在开发时调用它（例如Google Analytics（分析）脚本），则将调用包装在if语句中，如下所示：

{% if site.environment == "production" %}<script src="//localhost:35729/livereload.js"></script>{% endif %}

希望这可以帮助。