css - CSS からページ変数にアクセスする Jekyll

Question

ファイルにを設定しようとしbackground-imgていcss.liquidますが、ページで YAML 変数を取得する必要があります。どうやってやるの？これは私がこれまでに持っているものです:

background-image: url({{ page.locales[page.default_locale][page.first_name] }});

私もこれを持っていました：

background-image: url('{{ page.first_name }}{{ page.last_name }}.jpg');

Answer 1

YAML フロント マター セクションがあり、拡張子.htmlが 、.markdown、.md、または.textileJekyll によって処理されるファイルのみ。

これらの拡張機能のいずれかを使用して CSS ファイルを保存し、YAML フロント マター セクションを含めることで、これをハックして機能させることができます。それを行うにはかなり不器用な方法のように思えますし、醜いコードになりますが、うまくいくかもしれません。