html - 设置 GitHub Pages 元素页面。页面打开但图像和 main.css 未加载

标签 html css github github-pages static-site

大家好 Stack Overflow,

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

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

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

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

与问题很像的问题:

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

  2. 也许我需要在 _config.yml 中以某种方式处理根文件?就像这个问题:github pages not building (rep < 10)

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

探索的途径:

  • root 文件夹中创建了 .nojykell 文件,这似乎是最佳选择,因为我实际上并不需要 jykell。
  • 作为另一种可能的途径,创建 config.yml 文件
    • 使用 keep_files: [img, app.js, main.css];
    • 然后是include: [img, app.js, main.css];
    • 还根据构建错误在第一行添加了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

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

最佳答案

很高兴看到你想通了。

为了将来引用,.nojykell 不会解决问题:

It is now possible to completely bypass Jekyll processing on GitHub Pages by creating a file named .nojekyll in the root of your pages repo and pushing it to GitHub. This should only be necessary if your site uses files or directories that start with underscores since Jekyll considers these to be special resources and does not copy them to the final site.

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

关于html - 设置 GitHub Pages 元素页面。页面打开但图像和 main.css 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35374729/

相关文章:

html - 让两个(最少)在 mysql 的一个查询中工作

javascript - 是否可以在加载内容时将加载程序图像放入 iframe 中?

javascript - 弹出窗口不在屏幕中心 - CSS 问题

github - 在 reStructuredText 中将 TOC 标题显示为标题(或将其完全隐藏)

html - 如何制作具有两个内联字段的组表单?

javascript - 在网页中创建连续或永无止境的滚动效果?

html - 让文本位于图像之上

javascript - Bootstrap Navbar-fixed-bottom div 重叠 JS 呈现的内容

git - Azure cli 存储库导入失败,操作返回 400 状态代码

git - 我可以在本地编辑 main.workflow github-actions 文件吗?