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降价标记中进行调用。

如果你只想在它开始时调用它而不想在你开发时调用它 - 例如，谷歌分析脚本 - 然后用这样的if语句包装调用：

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

希望这有帮助。

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

1 个答案: