设置GitHub页面项目页面。页面已启动但图片和main.css未加载

时间:2016-02-13 00:54:22

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

Hello Stack of Stack Overflow,

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

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

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

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

非常类似问题的问题:

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

  2. 也许我需要在_config.yml中以某种方式解决根文件?就像这个问题:github页面没有建立(rep< 10)

  3. 认为答案就在这里:在jekyll docs(rep< 10)

  4. 探索的途径:

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

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

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

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

1 个答案:

答案 0 :(得分:1)

很高兴见到你想出来。

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

  

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

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