Jekyll部署在Github上頁面的格式不正確，鏈接中斷

我正在學習如何最近使用Jekyll和Github，並且我很難讓我的網站在線顯示正確，但它在本地顯示正確：Jekyll部署在Github上頁面的格式不正確，鏈接中斷

，我的工作就

jekyll serve --baseurl ''

我的GitHub庫是http://yungkickz.github.io/kingwizard

Github Tree

任何幫助或提示將是超級有用。

編輯：基本上這整個網站缺少正確的CSS和鏈接指向錯誤的地方;特別是第一個Home和About鏈接，因爲其他鏈接都只是爲了測試。

我config.yml:

name: kingwizard 
description: wizardly blog 

paginate: 5 
url: "http://yungkickz.github.io" 
baseurl: /kingwizard 


markdown: rdiscount

而且，這裏我添加的html

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content="{{ site.description }}"> 
    <meta name="author" content=""> 

    <title>{{ site.name }}</title> 

    <!-- Bootstrap core CSS --> 
    <link href="{{ site.baseurl }}/css/bootstrap.css" rel="stylesheet"> 

    <!-- Custom Arreis Style -->  
    <link href="{{ site.baseurl }}/css/custom-style.css" rel="stylesheet"> 


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
     <script src="{{ site.baseurl}}js/html5shiv.js"></script> 
     <script src="{{ site.baseurl}}js/respond.min.js"></script> 
    <![endif]--> 
    </head>

來源

2013-11-04 Steve McGeachy

從your site源代碼來看一開始，我注意到一些問題：

許多對HTML，CSS和JavaScrip的引用t文件以//開頭。似乎site.baseurl由於某種原因在GitHub上設置爲/，儘管在配置文件中進行了設置。但是，經常在路徑中的site.baseurl之後添加斜槓，這會導致出現第二個斜槓。
因爲site.baseurl是/，所以瀏覽器會希望在http://yungkickz.github.io/SOME_PATH處找到您的文件。但是，您的網站實際上已部署到http://yungkickz.github.io/kingwizard，因此您的鏈接應該指向http://yungkickz.github.io/kingwizard/SOME_PATH。
由於404錯誤，您的CSS樣式未加載，這就是您的網站看起來沒有正確格式化的原因。

前：

<link href="{{ site.baseurl }}/css/bootstrap.css" rel="stylesheet">

後：

<link href="/kingwizard/css/bootstrap.css" rel="stylesheet">

來源

2013-11-04 06:17:50

謝謝你，在我的'header.html'基本上就像你的「前」，但我我應該在代碼中的每個地方單獨更改路徑？我認爲'site.baseurl'會動態地爲我做這個部分，所以我不必這樣做。我很抱歉，但我真的很新，但真正感謝您的幫助！ –

沒關係，我發現'site.baseurl'的問題，所以你應該仍然使用它。當我在本地運行'jekyll serve --baseurl'''時，我注意到輸出的第一行是'Configuration file：none'。事實證明，jekyll（本地和GitHub）沒有加載你的配置文件，因爲它被命名爲'config.yml'，而不是'_config.yml'（它應該是什麼）。 –

很棒的發現！謝謝！（菜鳥錯誤）那肯定會解決CSS問題和其他許多錯誤！你怎麼注意到'Configuration file：none'，因爲我在終端上運行jekyll時沒有看到。 –

Jekyll部署在Github上頁面的格式不正確，鏈接中斷

回答

相關問題