2016-04-06 9 views
6

私は文書を見ている間。私は次の文書構造を見た。Jekyllに静的ファイルを置くフォルダはどれですか?

. 
├── _config.yml 
├── _drafts 
| ├── begin-with-the-crazy-ideas.textile 
| └── on-simplicity-in-technology.markdown 
├── _includes 
| ├── footer.html 
| └── header.html 
├── _layouts 
| ├── default.html 
| └── post.html 
├── _posts 
| ├── 2007-10-29-why-every-programmer-should-play-nethack.textile 
| └── 2009-04-26-barcamp-boston-4-roundup.textile 
├── _data 
| └── members.yml 
├── _site 
├── .jekyll-metadata 
└── index.html 

私のポストの中に画像を入れる必要があるとき。 here(文書の静的ファイルセクション)のsite.static_filesの機能を使用するには、どこにイメージを置く必要がありますか?私はfile.pathfile.modified_timeのような変数を直接使うことができます。

以前私がJekyll 2.xを使用していたとき、私は自分のアセットディレクトリを作成して以下のようなことをしていました。

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

enter image description here

答えて

6

あなたはこのようなコレクションまたはページでそれらにアクセスすることができ

-img 
    -gallery 
    -image1.png 
    -image2.png 
    etc. 

のような構造であなたのギャラリーの画像を持っていると仮定すると:

{% for image in site.static_files %} 
{% if image.path contains 'img/gallery' %} 
    <p>{{image.path}} - {{image.modified_time}}</p> 
    <img src="{{site.baseurl}}{{image.path}}"> 
{% endif %} 
{% endfor %} 

これは、すべての静的ファイルを通過し、Aをチェック特定のパス(この例ではimg/gallery)。

そのファイルの静的ファイルのメタデータにアクセスすることができます。 (この例では「イメージ」という名前を付けましたが、forキーワードの後に​​任意の名前を付けることができます)。

このようなものをブログの投稿に入れるのはあまり意味がありませんが、pageまたはcollectionに入れてください。

4

静的ファイルは、いくつかの並べ替えのコレクションではありませんサイトディレクトリ内のどこにでも配置することができます。したがって、 "_"で始まるディレクトリ内にはありません。それを静的にするのは、YAMLのフロントマターを持たないという事実です。

「assets」または「images」という名前のディレクトリを作成してそこに置くことをおすすめします。

編集:

この機能を使用するのは何ですか?

+0

イメージギャラリーを作成しようとしています –

+0

このギャラリーをどのように作成しますか? forループを使う? – Caradepato

+0

はい、それは私がやろうとしていることです。 –

関連する問題