jekyllにscriptタグを追加するにはどうすればよいですか?

概要

Jekyll は、個人用、プロジェクト用のシンプルでブログ対応の静的サイトジェネレーターです。そのような Ruby プロジェクトに script タグを追加するにはどうすればよいですか。

私の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

静的Webページ用のjekyllプラットフォームを調査しようとしています。

解決策

ステップ 1: スクリプトファイルを作成します。

通常どおりスクリプト (.js) ファイルを作成します。

たとえば、次のような適切なフォルダーに保存するとよいでしょう。

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

/assets/ フォルダーがない場合は、作成する必要がある場合があります。

ステップ 2: HTML 内のスクリプトを呼び出し/参照します。

次に、次のように必要に応じて呼び出します。

…

….

すべてのページでスクリプトを使用できるようにしたい場合は、default.html レイアウトファイルに呼び出しを記述します。そのdefault.htmlレイアウトを使用するすべてのページがスクリプトを呼び出します。そのレイアウトファイルは _layouts/default.html にあります。

現在のページにそれを追加したい場合は、同じ方法で some-page.md マークダウン内で呼び出すだけです。

ライブ中にのみ呼び出す必要があり、開発中は呼びたくない場合 (Google Analytics スクリプトなど)、呼び出しを次のように if ステートメントでラップします。

{% if site.environment == “production” %}

{% endif %}

お役に立てれば。