【问题标题】:How to link index.html to css file for github page如何将 index.html 链接到 github 页面的 css 文件
【发布时间】: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;,但这不起作用?

【问题讨论】:

    标签: html css github directory github-pages


    【解决方案1】:

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

    【讨论】:

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

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

    只需这样做:

    1. 克隆它
    2. 创建并移动到分支 gh-pages
    3. 提交并推送它

      /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

    【讨论】:

    • 这只是一个用户站点,不是项目站点
    猜你喜欢
    • 2021-01-04
    • 1970-01-01
    • 2022-01-21
    • 2015-03-28
    • 2019-11-11
    • 1970-01-01
    • 1970-01-01
    • 2018-10-06
    • 2014-10-31
    相关资源
    最近更新 更多