3

最近、Jekyll と Github の使い方を学んでいます。ウェブサイトをオンラインで正しく表示するのに苦労していますが、実行するとローカルでは正しく表示されます。

jekyll serve --baseurl ''

私が取り組んでいる私の Github リポジトリはhttp://yungkickz.github.io/kingwizardです

Github ツリー

ヘルプやヒントは非常に役立ちます。

編集: 基本的に、この Web サイト全体に正しい 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>
4

1 に答える 1

4

サイトのソース コードから判断すると、次のような問題があることに気付きました。

  1. HTML、CSS、および JavaScript ファイルへの参照の多くは で始まります//。設定ファイルの設定にもかかわらず、何らかの理由で GitHub にsite.baseurl設定されているようです。/ただし、パスの後に追加のスラッシュを追加することがよくありsite.baseurlます。これにより、2 番目のスラッシュが表示されます。

  2. site.baseurlがであるため/、ブラウザはファイルが にあることを期待しますhttp://yungkickz.github.io/SOME_PATH。ただし、サイトは実際には に展開されてhttp://yungkickz.github.io/kingwizardいるため、リンクは代わりに を指している必要がありますhttp://yungkickz.github.io/kingwizard/SOME_PATH。

  3. 404 エラーが原因で、CSS スタイルが読み込まれていないため、サイトが正しくフォーマットされていないように見えます。

前：

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

後：

<link href="/kingwizard/css/bootstrap.css" rel="stylesheet">
于 2013-11-04T06:17:50.320 に答える