【问题标题】:Setting up a GitHub Pages project page. Page is up but images and main.css are not loading设置 GitHub Pages 项目页面。页面已启动,但未加载图像和 main.css
【发布时间】:2016-02-13 00:54:21
【问题描述】:

你好 Stack Overflow 的人们,

第一次在 GitHub 页面上设置项目页面。我在想我可能错过了一些非常简单的东西,但我已经尝试了我能找到的所有东西,也希望即使这个问题很可能有点白痴,格式也很好。

到目前为止的故事......

在 GitHub 页面上托管一个静态站点。这是一个基于工作存储库的项目页面。我创建了一个gh-pages 分支并推送到这个分支。该分支现在设置为默认值,所有文件都在 repo 上我已经查看了几个关于堆栈溢出的问题,这些问题与我遇到的问题非常相似,但它们似乎并不完全相同。

页面正在加载here 但图像或 CSS 格式都没有加载。该页面是用 html、css 和 bootstrap 构建的。

与问题非常相似的问题:

  1. 这似乎是最接近的:静态资源未加载(rep

  2. 也许我需要在_config.yml 中以某种方式寻址根文件?就像在这个问题中一样:github pages not building (rep

  3. 认为答案就在这里:在 jekyll 文档中 (rep

探索的途径:

  • root 文件夹中创建了.nojykell 文件,这似乎是最好的选择,因为我实际上不需要jykell。
  • 作为另一个可能的路线,创建了config.yml 文件
    • keep_files: [img, app.js, main.css];
    • 然后include: [img, app.js, main.css];
    • 还根据构建错误在第一行添加了highlighter: rouge;
  • Jykell 有一次给了我一个 H10 错误,我安装了kramdown,虽然没有做任何事情,但得到了同样的错误。这似乎是一个不必要的步骤,因为我没有使用 jekyll,只需要一个位置来提供已经在互联网中创建的文件。
  • 更新红宝石
  • 删除了 .html 页面上文件前面的 ../

您可能需要了解的其他事项:

File structure:
    - root
      - img
      - .nojykell (empty)
      - app.js
      - index.html
      - artist.html
      - gallery.html
      - main.css

如果您有任何建议,请告诉我,谢谢。 :)

【问题讨论】:

  • 这个问题将我带到 config.yml 文件:configuring jykell for github
  • 想通了,这很简单:我在 CSS 和 img 文件夹上的路径错误。现在一切都好。简单的事情,简单的事情。尽管 .nojykell 文件可能有所帮助。没有单独测试两者。我确实开始了一个新的 github 页面并逐步完成。不需要 .nojykell 文件即可。

标签: html css github github-pages static-site


【解决方案1】:

很高兴看到你想通了。

为了将来参考,.nojykell 不会解决问题:

现在可以通过在页面存储库的根目录中创建一个名为 .nojekyll 的文件并将其推送到 GitHub 来完全绕过 GitHub Pages 上的 Jekyll 处理。 只有在您的网站使用以下划线开头的文件或目录时才需要这样做,因为 Jekyll 认为这些是特殊资源,不会将它们复制到最终网站。

https://github.com/blog/572-bypassing-jekyll-on-github-pages

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-12-04
    • 1970-01-01
    • 2018-02-22
    • 2021-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多