html - css 和某些图像在 github 页面中不起作用

Question

我正在编写一个报纸网站，我想为文章制作一个目录

我已将文章中的代码复制到文章目录中，并从代码中清除了文章，以便在其位置放置一个故事。

• 当您加载文章时，css 会加载：
  https ://reedycreektimes.com/articles

• 但是，当您通过文章加载它时，它不会：
  https ://reedycreektimes.com/article/templte.html

请帮助我：这是回购
https://github.com/reedycreektimes/reedycreektimes.github.io

标签： htmlcssgithub

Answer 1

您应该为您的 css 设置绝对路径。

/css/media.css
# not
css/media.css

后者可以从站点的根路径正常工作，而不是从子路径/子文件夹。

---

参见Benney Au的“理解为什么相对链接被破坏”的更多信息

当您部署到 GitHub Pages 时，您网站的基本 URL 具有以下结构：

https://{org}.github.io/{repo}. 

为您的 GitHub 组织创建一个子域，并且您的存储库名称作为固定路径附加。

这意味着如果您的 GitHub 组织名称是“company”并且您的存储库名称是“ my-static-website”，那么您的网站将托管在

https://company.github.io/my-static-website.