GitHubのJekyllに関する問題

Question

私のウェブサイトに作業セクションの読み込みに問題があります。 https://github.com/Vukasin90/test/blob/gh-pages/_includes/work.html

、これが私たちのサイトである：これはレポであるあなたがサムネイルをクリックするとhttps://vukasin90.github.io/test/

、それは、基本的にHTML文書を画像と段落のbounchを開く必要があります。

ローカルで実行するとうまくいきますが、ghページではロードできません（読み込み速度が遅い場合に表示されるスピナーアニメーションのみです）。

私はこれをGitHubでこのようにすることはできないと推測していますが、この問題を回避する方法はありません。あるいは、私はリンクなどで間違いを犯したかもしれません。私は本当にわからない

Answer 1

私はこれがあなたのjsではなく、Jekyllの問題だと思う。

jQueryが要求している：https://vukasin90.github.io/work/work-1.html

は、代わりにhttps://vukasin90.github.io/テスト/work/work-1.html

のjsの他のエラーもあります - 他の404エラーとブロックされたリソース。

あなたはジキルで完全なパスを参照したい場合は、のようなものでsite.urlとsite.baseurlを使用する必要があります。

..data-folder="{{ site.url|append: site.baseurl }}/work/work-1" style="background-image: url({{ site.url|append: site.baseurl }}/Assets/img/work/proj-1/thumb.jpg"..)

楽しんできてね。

EDIT：より良いページの変更に表示するために、上記の改正

。あなたはインライン相対参照を維持する修正したい場合は

代わりに、これらの変更：

...data-folder="../work/work-1"...

へ：

...data-folder="../test/work/work-1"...

しかし、心のこのパス参照号に保ちますジキルとあなたのjとの間には、他の方法で刈り取ることができます。だからidは全体を通して完全なパス参照を使うことを推奨するか、またはjsの設定をbaseurlを含むように変更することをお勧めします。