Jekyll在GitHub上的問題

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"..)

有樂趣。

編輯：

上述修訂上顯示頁面的變化更好。

另外，如果你要修復讓你的直列相對引用，然後更改這些：

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

要：

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

但是，請記住這個路徑引用問題Jekyll和你的js之間可能會以其他方式出現。因此，建議在整個過程中使用完整路徑引用或更改您的js設置以包含baseurl。