【问题标题】:GH Pages + Jekyll: Images in subfolders?GH Pages + Jekyll:子文件夹中的图像?
【发布时间】:2015-05-19 07:13:39
【问题描述】:

是否有任何原因无法通过 GH Pages 获得子文件夹中的图像?我已经让 Jekyll 构建了 _site 文件夹,一切似乎都运行良好,但我的一些图像不会显示。结构:

_site /images /thumbnails /medium file.jpg file2.jpg etc...

父 /images 文件夹中的图像可以正常工作。当我尝试调用 /thumbnails 或 /medium 图像时,我得到了 404。

这里是 repo,显示了适当的图像:https://github.com/clarklab/chowdown/tree/gh-pages/_site/images

这是父文件夹中 GH 页面上的 an image,工作正常,here is a thumbnail,给我一个 404。

这不是常见的“检查模板内的路径”问题,这些是返回 404 的实际图像路径。有人见过吗?

有什么想法吗?

【问题讨论】:

    标签: image jekyll github-pages


    【解决方案1】:

    您没有访问 _site 目录中的内容。 http://chowdown.io/images/broccoli-beer-cheese-soup.jpg 指的是顶级图像目录,而不是 _site 中的图像。

    【讨论】:

    • _site 不是 URL 结构的一部分。您链接的图像有效,这意味着从该目录调用是正确的,不是吗?
    • 在 gh-pages 分支上,您只需要在顶层提交 _site 文件夹的内容。所有其他内容不应该在该分支上,因为它们不是 github 页面应该显示的内容
    【解决方案2】:

    一旦您将代码推送到 github,github 页面就会生成您的站点并将结果推送到 Web 服务器上。将_site 上传到您的存储库是没有用的,因为在提供http://chowdown.io/ 时根本不会使用它。

    我看到您有一个插件,您当然需要在本地生成您的站点并将结果(_site 文件夹的内容)推送到您的存储库。

    在这种情况下,您必须将代码存储在 master 中,并将生成的文件存储在 gh-pages 中。您还必须在存储库 (gh-pages) 的根目录添加一个空的 .nojekyll 文件,以指示 gh-pages 不要生成您的站点,而是将所有文件作为静态文件复制到 Web 服务器上。

    您可以在这里找到分步版本控制方案https://stackoverflow.com/a/28252200/1548376

    【讨论】:

    • 啊哈!一定是这样的。我正在编译然后提交到 gh-pages,甚至没有意识到我应该让 Github 为我做这件事(把它放在 gh-pages 中)。
    猜你喜欢
    • 2018-02-02
    • 1970-01-01
    • 1970-01-01
    • 2019-01-25
    • 2017-04-19
    • 2023-04-10
    • 1970-01-01
    • 1970-01-01
    • 2011-08-14
    相关资源
    最近更新 更多