Asked Jan 29th, 8:48 AM 96 0 1
  • 96 0 1
+1

Lỗi hiển thị hình ảnh trên github pages

Share
  • 96 0 1

Em có làm theo hướng dẫn của bài tạo web cá nhân bằng hugo. Sau khi up lên github pages thì nó không hiển thị hình ảnh nữa. Cách xử lí như thế nào ạ?

Jan 29th, 8:58 AM

mình đoán vấn đề là do đường dẫn, bạn thử check lại xem!

0
| Reply
Share
Thang Tran Duc @thangtd90
Jan 29th, 9:19 AM

Bạn publish code cụ thể lên Github được không, chứ nhìn vào cái ảnh thế kia thì mọi người cũng khó có thể support được gì 😂

0
| Reply
Share
Jan 29th, 12:39 PM
0
| Reply
Share

1 ANSWERS


Answered Jan 30th, 12:29 AM
Accepted
+3

@hiimnhan Trang Github Page của bạn là https://hiimnhan.github.io/EPicture/ nhỉ 🤔

Không biết ý bạn có phải là những trang như https://hiimnhan.github.io/EPicture/categories/pic/ thì không load được ảnh đúng không nhỉ 😄

Mình check qua thì thấy bạn đang dùng ảnh kiểu

style="background-image: url(/img/sunflower.jpg)"

do đó, trình duyệt sẽ load ảnh từ địa chỉ https://hiimnhan.github.io/img/sunflower.jpg, và rõ ràng đây là địa chỉ sai, nên sẽ gặp lỗi 404.

Do trang web của bạn được access từ đường link root là https://hiimnhan.github.io/EPicture/, thế nên, địa chỉ ảnh đúng phải là https://hiimnhan.github.io/EPicture/img/sunflower.jpg nhé bạn 😄

Bạn cần sửa lại thành style="background-image: url(/EPicture/img/sunflower.jpg)" chắc là được 😄

Share
Jan 30th, 1:49 AM

có thể cho em hỏi là sửa phần này ở đây không ạ?

0
| Reply
Share
Thang Tran Duc @thangtd90
Jan 30th, 2:35 AM

@hiimnhan Ở code HTML hiện tại của bạn thì ở đoạn này https://github.com/hiimnhan/EPicture/blob/master/categories/pic/index.html#L177 này 😃

Mình cũng không rành về Hugo lắm, nên cũng không rõ ở trong source Hugo thì cần sửa ở đâu nữa, nhưng bạn thử search trong cả project của mình, có chỗ nào là dùng từ khoá style="background-image hay img/sunflower.jpg không 😃

Mình thấy ở cái commit thứ 2 của bạn https://github.com/hiimnhan/EPicture/commit/88e9e09a43d13cb3c78e56d742b85ac7198b532b bạn đã sửa được khá nhiều lỗi đường dẫn rồi, ở đoạn style ở trên thì cũng sửa tương tự thôi là được 😄

0
| Reply
Share