Jekyll如何在文章中展示图片

48

我正在尝试遵循Jekyll文档,但无法在页面中显示图像。

---
layout: post
title:  "My first post!"
date:   2016-10-20 16:17:57 +0200
categories: jekyll update
regenerate: true
---

This is in the `_posts` directory.
It can be edited then rebuild the site to see the changes.
You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.

![name of the image][{{site.url}}/assets/P6740674.JPG]

我觉得这个问题很基础,非常傻,但我找不到任何关于我的问题的答案。

可能是我的系统配置错误。我正在使用apache2,ruby gems等等。

提前感谢。


你最终解决了这个问题吗? - Kevin Workman
5个回答

49
如果您想使用site.url,则需要在您的_config.yml文件中添加一个url变量。更多信息请参见Jekyll文档
但是您可能根本不需要使用site.url。任何以/斜杠开头的URL将相对于您域名的顶层进行解析。因此,您可以这样做:
![image tooltip here](/assets/image.jpg)

1
谢谢你,Kevin。这让我理解了问题所在。实际上,我使用了/assets,但它指向了_assets目录,因此找不到文件。当我将其更改为文件夹/img时,一切都正常了。 - Clive Tristram
当您已将所有图像上传到 Github 上的文件夹 images 中时,如何执行此操作? - FaCoffee
1
@FaCoffee 如果您有后续问题,请在其自己的问题帖子中发布。但我猜您只需要将“/images/”添加到您使用的任何URL中:![image tooltip here](/images/assets/image.jpg) - Kevin Workman
我该如何将这个内容显示在名为“page”的布局中央? - Krishna Oza
@KrishnaOza 如果您有后续问题,请在单独的问题帖子中发布。但是我的猜测是,您需要使用CSS来为您的页面设置样式。 - Kevin Workman

9

默认情况下,我可以看到在assets目录下创建了一个images目录。我已经按照如下方式放置了一张图片。

assets/images/myimage.jpg并在文章中添加以下行。

![My image Name](/assets/images/myimage.jpg)

运行 bundle exec jekyll serve 命令,查看是否有错误。如果您提到了文件位置不匹配,那么您将在此处看到错误。

3
这里的问题很简单 - 您的图像链接格式不正确。
应该是![名称](链接)。您使用了![名称] [链接]。请注意方括号的差异。其他所有都没问题。

1

我知道这是一个老问题,但是我在解决这个问题上花了大约15分钟(jekyll/github博客是我的辅助博客)。因此,在此提出一个建议。

简而言之,如Kevin 所建议,将图像文件添加到根目录下的路径并提供该文件的路径。确保文件/目录正在被跟踪;不要.gitignore。

我的资产目录位于_site目录内。但是,当我在该路径下添加了一个新的图像时,git状态没有显示它为新添加的 - .gitignore忽略了_site目录。因此,Kevin的建议不能按原样工作。但是根据他的建议,我推断出,由于docs是我的站点根目录,如果我在那里添加一个images目录并在其中添加图像,则类似于

![image description](/images/my_image.png)

应该可以正常工作。它是以这种方式工作的。不确定这是否是最佳方法。在此分享,以防您有类似的配置。


0
在我的情况下,我忘记将图像推送到远程,因此图像没有显示。只是要记住这一点。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接