如何将 Github 存储库图像添加到其 Github 页网页？

Question

我有一个 Github 存储库，其中 Github-使用存储库设置中提供的 theme: jekyll-theme-leap-day 激活的页面。我想将我存储库中的图像添加到由 Github-Pages 创建的网页。我该怎么做？

我试过：

[Figure 1](https://github.com/JulianChia/lowerboundSARSCOV2/blob/main/1_Figures/Figure_1_SG_COVID19_%20Epidemic_trends.png)

但是这种 markdown 格式只在存储库中为图 1 创建一个 hyperlink。但是这个结果并不是我想要的。相反，我想在网页中显示该图。我该怎么做？

我在某处读到我可能需要修改 Jekyll 网页的 _config.yml 文件。但是根据我的 https://github.com/JulianChia/lowerboundSARSCOV2/edit/gh-pages/_config.yml 文件，它只包含一行 theme: jekyll-theme-leap-day。那里没有其他我可以修改的东西。

Answer 1

而不是将其用作图像源

https://github.com/JulianChia/lowerboundSARSCOV2/blob/main/1_Figures/Figure_1_SG_COVID19_%20Epidemic_trends.png

将其用作图像源

https://raw.githubusercontent.com/JulianChia/lowerboundSARSCOV2/main/1_Figures/Figure_1_SG_COVID19_%20Epidemic_trends.png

请记住，您正在尝试 link 原始内容图片到您的网站，因此您必须使用 raw.githubusercontent.com 而不是 github.com

或者，如果您更喜欢使用 github.com 直接获取原始 link，您需要在 link 之后添加 ?raw=true。例如：

https://github.com/JulianChia/lowerboundSARSCOV2/blob/main/1_Figures/Figure_1_SG_COVID19_%20Epidemic_trends.png?raw=true

然后它会将您重定向到：

https://raw.githubusercontent.com/JulianChia/lowerboundSARSCOV2/main/1_Figures/Figure_1_SG_COVID19_%20Epidemic_trends.png

您需要在图像的 src 属性中输入。这是为您的 Github 文件获取原始 link 的最简单方法。

How to add a Github repository image to its Github-pages webpage?