在 localhost 中,我的 HTML 連接到我的 CSS 檔案并可以讀取我的影像,但不能在 GitHub 頁面上讀取。
為什么?我對 GitHub 頁面的參考是否錯誤?
<link rel="stylesheet" type="text/css" href="/css/loan_sharks_page.css">
<img src="/assets/img/LS_icon.png" width="300" height="300" />
我也試過:
<link rel="stylesheet" type="text/css" href="./css/loan_sharks_page.css">
<img src="./assets/img/LS_icon.png" width="300" height="300" />
我已經嘗試過:
<link rel="stylesheet" type="text/css" href="css/loan_sharks_page.css">
<img src="assets/img/LS_icon.png" width="300" height="300" />
每次推送到 GitHub 時,我都等了一個小時,因為我知道 GitHub 頁面有時需要一段時間。所有這些都在 localhost 上作業,但不在 Github 頁面上。
uj5u.com熱心網友回復:
我認為問題在于,您無法上傳圖片檔案夾。因此,您的影像來源將不起作用。我將所有影像和 HTML 檔案放在相同的層次結構級別,它對我來說效果很好。例如,
uj5u.com熱心網友回復:
在瀏覽器上輸入你的 GitHub 頁面 URL,然后/index.html應該可以作業。
如果不檢查 Html 檔案上的 href 并確保它是正確的。
uj5u.com熱心網友回復:
只需洗掉/路徑之前的并確保您具有相同的檔案夾和檔案名。它應該可以正常作業。
<link rel="stylesheet" href="css/loan_sharks_page.css">
uj5u.com熱心網友回復:
我的頁面在布局中使用此代碼:
<link rel="stylesheet" href="/assets/css/main.css">
在包含布局的 index.md (意味著相同的檔案夾級別)檔案旁邊,我有這樣的檔案夾結構:
assets/css/main.css
前面的斜杠 (/) 讓頁面從基本檔案夾中搜索。
我的背景影像(也在 css 檔案中設定)也使用斜線(/assets/images/my_background_image.jpg)。
我的 config.yml 檔案定義baseurl: ""- 這也可能是您網站的問題。
見https://github.com/cadamini/cadamini.github.io
在此 SO 帖子中找到更多解決問題的選項:
GitHub 頁面和相對路徑
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/456838.html
