2017-09-04 18 views
0

のポストにCSSを適用されません。ジキルは、はい、私はこの質問はすでに何回も頼まれました、と私は私が見つけることができるすべてのソリューションを適用しましたが、私はまだこの問題を持っていることを知っているGitHubのページ

私のジキルサイト(yasath.github.io)にアクセスすると、navbarのホームページとタグページがCSSを完全に表現して美しく見えます。しかし、私が投稿(like this one)をクリックすると、CSSは完全にレンダリングに失敗し、古くなった白い背景のTimes New Romanテキストページに終わります!

私のconfig.ymlファイルには正しいURLがあります(私が知る限り)!Chromeのデベロッパーツールで両方のページのソースを見ると、両方とも同じCSSファイルが正しくインポートされます。

うまくいけば、誰かが私のサイトに固有のアドバイスをくれますように! This is the GitHub repo for the site、ここでもthe actual siteです。

+0

私は同じ問題があったが、relative_urlとそれを固定: https://stackoverflow.com/questions/42450554/jekyll-site-works-locally-but-not-on-github-pages/47530487 – naaman

答えて

1

<head>セクションのスタイルシートへのリンクは、相対リンクとして書かれています。次の例のように、持っている:URLが「資産」のようなディレクトリ名を指定して起動すると

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

は、ブラウザがそれは今表示していますURLにそのディレクトリの相対探します。だからyasath.github.ioにいるときはyasath.github.io/assets/css/app.min.cssになりますが、https://yasath.github.io/2017/09/04/hello-jekyll.htmlにいるときは、それは存在しないhttps://yasath.github.io/2017/09/04/hello-jekyll.html/assets/css/app.min.cssでスタイルシートを探します。

/でURLを開始します。これは、表示しているページではなく、ウェブサイトのルートに相対的に見えるようにブラウザに指示します。したがって、あなたの頭のテンプレートでは、次のように使用してください:

...同様に他のすべてのスタイルシートURLを使用します。

+0

私は永遠です感謝、それは完璧に動作します!私はこのすべてに全く新しいです:D –

関連する問題

 関連する問題