如何在使用jekyll创建的Github页面中展示图片？

Question

我在Github上有一个仓库。我使用Jekyll为这个仓库创建了一个静态网站。这是网站链接：http://andrewhzau.github.io/RICENCODE/。我在_posts目录中创建了一些.md文件。除了图片显示不正确之外，一切正常。

以下是我的一个.md文件的内容：

---
layout: post
title: "GSD1"
description: ""
category: genes
tags: [grain setting, photoassimilate translocation, plasma membrane, grain filling]
---
{% include JB/setup %}

........

## Key figures
![Expression]({{ site.url }}/assets/images/GSD1.exp.png)  
![Phenotype]({{ site.url }}/assets/images/GSD1.pheno.png)

这是此帖子生成的页面：

http://andrewhzau.github.io/RICENCODE/genes/2014/09/20/GSD1/

在我的本地电脑上，我使用“jekyll serve”生成网站，并通过以下方式访问它：

http://localhost:4000/ 

这些数字看起来还不错。

你们能帮我吗？谢谢！

- Ven Yao

Answer 1

也许您忘记在_config.yml中设置site.JB.BASE_PATH参数：

BASE_PATH : /RICENCODE

然后这样调用您的图像：

![GSD1 phenotype]({{ BASE_PATH }}/assets/images/GSD1.pheno.png)

- David Jacquel

---

我尝试了BASE_PATH，但它不起作用。原来是：BASE_PATH: http://andrewhzau.github.io/RICENCODE。我把BASE_PATH改成了/RICENCODE。现在可以正常工作了！谢谢！ - Ven Yao

Answer 2

我曾经遇到过类似的问题，我的kitty image在本地主机上可爱地显示出来，但在Github页面上却消失了，并且路径名不正确缺少了baseurl。我在kitty-image-problem-solved中解决了这个问题。

简而言之，在您的_posts/文章中，为了让/assets/images/GSD1.exp.png显示出来，您应该这样做：

   ![Expression]({{ "/assets/images/GSD1.exp.png" | relative_url }})  

relative_url 的文档在 jykyll-liquid-filters 中。

- kuolai shu

Answer 3

我使用了完整的URL，数字正确显示。

## Key figures
<img src="http://andrewhzau.github.io/RICENCODE/assets/images/GSD1.pheno.png" >  
<img src="http://andrewhzau.github.io/RICENCODE/assets/images/GSD1.exp.png" > 

在我的本地电脑上，这些数字不会正常运行。 不管怎样，只要网站在互联网上没有问题，问题就得到了解决。

- Ven Yao