Question

我正在学习如何最近使用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>

Answer 1

从your site的源代码判断，我注意到了一些问题：

您对HTML，CSS和JavaScript文件的许多引用均以//开头。尽管在配置文件中进行了设置，但由于某些原因，似乎{G}在GitHub上site.baseurl设置为/。但是，您经常在路径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">

Github Pages上的Jekyll部署格式不正确，链接断开

1 个答案: