問題タブ [yaml-front-matter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
653 参照

yaml - Liquid - YAML フロントマターを文字列で解析する

フォルダー内のデータとして JSON を使用する Jekyll サイトを実行してい_dataます。私は通常のようにファイルをループして、{% for item in site.data.resources.items %}うまくやっています。ただし、文字列内にある YAML フロント マターを解析したいと思います。

例:

\n---\nblog: http://google.com\nbackground-img: http://www.ew.com/sites/default/files/i/2013/07/23/Dumb-and-Dumber.jpg\nbuttonText: Download\n---\n

Jekyll サイト内で Liquid にこれを解析させるにはどうすればよいので、次のように使用できます。

<a href="{{blog}}"><img src="{{background-img}}>Image</a>

または似たようなものですか?

編集: 明確にするために、その文字列は、ajax 呼び出しを介して取得しているテキスト ファイルの最前部の形式です。その文字列は私が返す応答であり、形式は変更されません。私の希望は、Liquid が何らかの方法でこの文字列を解析し、前付けタイプの形式を探すことでした。そうでない場合は、JavaScript メソッドを元に戻します。

0 投票する
1 に答える
148 参照

erb - middleman 4 で記事のレイアウト データ プロパティにアクセスするには?

ブログを Middleman 4 から移行しようとしています。index.html.erb ファイルには、次のようなコードがあります。

これは Middleman 3 では問題なく機能し、各投稿の front matter で定義されたレイアウト プロパティに応じて、別のパーシャルを使用できました。

ただし、Middleman 4 では、このlayoutプロパティは article.data に表示されなくなりました。

他のすべての変数があります。これまでのところ、これを機能させる唯一の方法は、次のように frontmatter を宣言することです。

article.data.lではなく使用しますarticle.data.layout。ただし、これにはすべての記事を書き直す必要があり、冗長に思えます。

レイアウト プロパティに応じて異なるパーシャルを使用してインデックス ページに記事を表示する正しい方法は何ですか?