如何将 index.html 链接到 github 页面的 css 文件

Posted

技术标签:

【中文标题】如何将 index.html 链接到 github 页面的 css 文件【英文标题】:How to link index.html to css file for github page 【发布时间】:2014-05-27 06:19:25 【问题描述】:

我正在托管一个 github 页面,并希望将 index.html 链接到 main.css,它位于根目录中名为“stylesheets”的文件夹中。

我的文件结构:

index.html
stylesheets
   - main.css

现在我有:

<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />

&lt;head&gt;,但这不起作用?

【问题讨论】:

【参考方案1】:

尝试从/stylesheet 中删除前面的“/”,以便它相对于当前路由加载:stylesheet/...

【讨论】:

这其实是第一个答案,而且是正确的。细节有点短,但正确。【参考方案2】:

如果它不是项目页面..“意味着”你正在创建一个 repo youruser.github.io (username.github.io 的索引) 不是 atuo 生成 gh-pages 因为它使用模板

只需这样做:

    克隆它 创建并移动到分支 gh-pages

    提交并推送它

    /style -> 你在根目录style/ -> 你在当前目录./style --> 更安全地浏览当前目录

等待 5 分钟......然后欢呼!

【讨论】:

+1 表示“等待 5 分钟”。更改不会立即反映在站点 youruser.github.io/yourproject【参考方案3】:

首先,您应该在 GitHub 的特殊分支上创建 gh-pages 分支。 您可以通过自动页面生成器按钮在您项目的设置页面中找到并创建它。 分支会映射到域http://username.github.io/project/

所以路径应该是stylesheets/main.css 而不是/stylesheets/main.css

【讨论】:

这只是一个用户站点,不是项目站点

以上是关于如何将 index.html 链接到 github 页面的 css 文件的主要内容,如果未能解决你的问题,请参考以下文章

更改 index.html 后 GitHub 页面需要多长时间才能显示更改

如何让 GitHub 的 Jekyll 与 index.html 一起工作?

如何利用Github展示自己的作品

如何避免 Django 将 url 链接添加到链接后面的每个 html 元素

能否将由纯静态 HTML 组成的网站搭建在 GitHub 上

我可以将react app添加到app.html而不是index.html