web-dev-qa-db-ja.com

静的リソースがGitHubページに読み込まれない

私はウェブサイトを作成し、それをgitハブページでホストしようとしています。私のサイトは-で利用可能です

http://<username>.github.io/<project name>/

しかし、私のサイトの静的ファイルは次のパスで入手できます-

http://<username>.github.io/css/site.css
http://<username>.github.io/script/main.js

上記のパスでは、<project name>が省略されています

したがって、URLを押すたびに、静的ファイルがロードされません。

GithubのURLで動作させる方法はありますか?

注:カスタムドメインを使用すると、相対パスが正常であるため、すべてが正常に機能します。

一時的な解決策この問題を解決するために プロジェクトページではなくユーザーページ を作成しました。

24
tusharmath

カスタムドメインを設定するためのドキュメント

警告: http://username.github.io/projectname のようなプロジェクトページのサブパスは、プロジェクトのカスタムドメインにリダイレクトされません。

これは、相対パスにより、カスタムドメインのusername.github.io/project-nameまたはにアセットを設定できることを意味します。

それらをgithubに入れたい場合は、ドキュメントの内容を確認してください baseurl 構成、ページ下部の「ProjectUrlStructure」にあります。追加するだけで簡単です

baseurl: /project-name

_config.ymlに行いて、パーマリンクで{{ baseurl }}タグを使用すると、jekyllが置換を行います。そしてそれをローカルでテストするには、このオプションでサーバーを実行するだけです

jekyll serve --baseurl ''

お役に立てば幸いです:)ハッピーコーディング!

13
mokagio

もう1つのオプションは、ファイル.nojekyllをトップレベルのディレクトリに含めることです。これにより、ページを壊そうとせずにページを提供するようにgithubに指示します(これは、ページを壊そうとせずにページを提供しようとしている場合に便利です。これ以上の解析/変更/書き換えが必要です)。

関連リンク

24
tacaswell