2017-06-27 4 views
0

ジキルを使ってGithubのページで個人的なブログを作成しようとしています。ジキルの別のページで画像の設定が異なる

ホームページやページについては、CSSはうまくいきますが、イメージは正しいサイズで表示されますが、コードとライフページではCSSには表示されません仕事はありません。私はそれが相対的な道と関係があると思うが、それを修正する方法はわからない。

<link rel="stylesheet" href="assets/style.css"> 

は、ここに私のgithub repo、親切に、私を助けてくださいおかげです。

答えて

0

、へ

変更

<link rel="stylesheet" href="assets/style.css"> 

0

CSSファイルには相対パスが設定されているため、URLパスに複数のレベルがある場合は機能しません。絶対パスを使用して修正してください。

入力にurlとbaseurlの値の前にあるabsolute_urlフィルタを使用できます。以下のような ""

とリンクのスタイルシート:

<link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css">
BASEURLを設定_config.ymlでこの

<link rel="stylesheet" href="{{'assets/style.css'|absolute_url}}"> 
+0

absolute_urlフィルタを追加すると、スタイルシートがすべてのページ設定の制御を失うことがあります。 – yinkouya

+0

どこのページにもCSSをロードする必要があります。 – marcanuy

+0

私はsite.baseurlで試してみました。 – yinkouya

関連する問題