スタイルシートにリンクしていない新しいJekyllページ

新しいJekyllページが作成されました。これには、適切なYAML Front Matter情報が含まれています。私の問題は、ページがスタイルなしでレンダリングされていることです。検査の結果、headタグが空であることがわかりましたので、CSSはリンクしていません。私は痛いほど痛い何かを見逃していると確信していますが、私は困惑しています。スタイルシートはインデックスページにリンクされていますが、私の新しいページではなく、自分のスタイルシートにリンクするヘッドデータを含めるには何が欠けているのか分かりません。私の新しいページには、これがあります。スタイルシートにリンクしていない新しいJekyllページ

--- 
layout: default 
title: New Site 
--- 

<div> 
    <div> 

     <h2> 
     <a href="test.html">Our Sweet Test Page</a> 
     </h2> 

     <section> 
     <article class="dope-page"> 
      <h1>Test Headline</h1> 
     </article> 
     </section> 

    </div> 
</div>

出典

2016-04-30 Jef

どこに新しいページを入れますか？ – iplus26

これはindex.htmlのルートディレクトリにあります。あれは正しいですか？ – Jef

これは、テンプレートがロードされていない場合とまったく同じです。 _layoutsディレクトリにスタイルシートへのリンクを持つdefault.htmlファイルはありますか？

出典

2016-04-30 15:22:52 JoostS

はい、それも私の考えです。 default.htmlファイルは_layoutディレクトリにあり、スタイルシートへのリンクがあり、インデックスページではうまく動作しますが、新しいテストページではうまく動作しません。 – Jef

拡張子は.mdですか？ – JoostS

*顔の手のひら*運命のように、それは単純なタイプミスでした。しかし、努力のおかげで、あなたの思考の方向は正しかった。 – Jef

私の視点では、ジキルはlayoutパラメータを使用してindex.htmlの横にページをレンダリングし、_layoutsフォルダ内のレイアウトを見つけます。あなたの場合、layout: defaultを使用するので、_layouts/default.htmlファイルをチェックする必要があります。

jekyll new your_awesome_siteによって生成されたdefault.htmlファイルは以下のようになります。

<!DOCTYPE html> 
<html> 

    {% include head.html %} 

    <body> 

    {% include header.html %} 

    <div class="page-content"> 
     <div class="wrapper"> 
     {{ content }} 
     </div> 
    </div> 

    {% include footer.html %} 

    </body> 

</html>

とCSSファイルが_includes/head.htmlです。

出典

2016-04-30 15:29:33 iplus26

スタイルシートにリンクしていない新しいJekyllページ

答えて

関連する問題