傑基爾不適CSS上崗GitHub上的頁面

是的，我知道這個問題已經被問多次，我已經應用於每一個解決方案，我能找到，但我還是有這個問題：傑基爾不適CSS上崗GitHub上的頁面

如果您訪問我的Jekyll站點（yasath.github.io），那麼導航欄中的主頁和標籤頁將完美呈現CSS，並且看起來很漂亮。然而，當我點擊一個帖子（like this one）時，CSS完全無法渲染，最後我看到一個老式的白色背景Times New Roman文本頁面！

我的config.yml文件具有正確的URL（據我所知！），並且當我使用Chrome的開發人員工具查看這兩個頁面的源代碼時，它們都正確導入相同的CSS文件。

希望有人能給我建議，具體到我的網站！ This is the GitHub repo for the site，再次，這裏是the actual site。

來源

2017-09-04 Yasath Dias

我有同樣的問題，但修正它與relative_url： https://stackoverflow.com/questions/42450554/jekyll-site-works-locally-but-not-on-github-pages/47530487 – naaman

<head>部分中的樣式錶鏈接寫爲相對鏈接。你有，例如：

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

當URL中包含「資產」的目錄名開始，瀏覽器的外觀相對於它的顯示，現在的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的樣式表，當然這個樣式表不存在。

你想用/開始你的網址。這告訴瀏覽器不要看它顯示的頁面，而是看看網站的根。因此，在您的頭部模板使用：

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

...和所有其他樣式表網址類似。

來源

2017-09-04 19:35:39 Chuck

我永遠感激，這完美的作品！我對這一切都很陌生：D –

傑基爾不適CSS上崗GitHub上的頁面

回答

相關問題