Github 页上使用主题的 Gif

Question

我正在尝试获取要在我的 github 页面上呈现的 gif。该页面使用 Jekyll 主题，目前正在呈现我的 README.md 文件。出于某种原因，我可以在自述文件页面上呈现我的 gif：https://github.com/JpBongiovanni/PythonFunctionLibrary/blob/main/README.md

但不是我的 jekyll 页面：https://jpbongiovanni.github.io/PythonFunctionLibrary/

下面的代码为自述文件呈现了正确的礼物，但不是 Jekyll。

![zigzag](/PythonFunctionLibrary/movies/zigzag.gif)

我错过了什么？

谢谢！

Answer 1

2 个要编辑的东西

问题是，您没有在 _config.yml 文件中设置任何内容，这就是不完整 URL 进行一些故障排除的原因。您需要做 2 件事！

URL 设置
图片标签设置

URL 设置

在_config.yml中添加2行：

#_config.yml

url: 'https://jpbongiovanni.github.io/' # your main domain
baseurl: 'PythonFunctionLibrary/' # if you're using custom domain keep this blank example: baseurl: ''

theme: jekyll-theme-hacker

现在我们已经完成 URL 设置，现在编辑 README.md 文件中的锚标签或 link 标签。

图片标签设置

让我们深入了解您的图像标签，它采用降价格式，例如：

![zigzag](./movies/zigzag.gif)

编辑成这个：

<img src="{{site.baseurl | prepend: site.url}}movies/zigzag.gif" alt="zigzag" />

<!-- OR -->

<img src="{{ "movies/zigzag.gif" | prepend: site.baseurl | prepend: site.url}}" alt="zigzag" />

这里：

{{...}} 是 Liquid 过滤器语法
site.url 正在从 _config.yml 文件

URL

site.baseurl 正在收集 baseurl 以在 url 之后添加 GitHub 页数
**| prepend: ** 是一个过滤器，这意味着 site.url 将被添加到 site.baseurl 之前。此标签将呈现此内容：

<img src="https://jpbongiovanni.github.io/PythonFunctionLibrary/movies/zigzag.gif" alt="zigzag" />

就是这样。我想这将有助于完美地完成您的工作...

快乐杰基林

Github 页上使用主题的 Gif

Gif on Github pages using a theme

github

gif

jekyll

2 个要编辑的东西

URL 设置

图片标签设置