Question

我正在使用jekyll构建一个博客，并使用gh-pages在github上托管它。我项目的根源如下所示：

├── LICENSE
├── README.md
├── _config.yml
├── _img
│   ├── 2016-09-09\ 14.48.20.png
│   └── 2016-09-09\ 15.25.09.png
.
.
.
├── _posts
│   ├── 2016-09-08-seven-weeks-before-applying-to-devops-job.markdown
│   └── 2016-09-09-an-hour-with-ansible.md
.
.
.
├── _site
│   ├── 2016
│   │   └── 09
│   │       ├── 08
│   │       │   └── seven-weeks-before-applying-to-devops-job.html
│   │       └── 09
│   │           └── an-hour-with-ansible.html
│   ├── LICENSE
│   ├── README.md
│   ├── about
│   │   └── index.html
│   ├── css
│   │   └── main.css
│   ├── feed.xml
│   └── index.html
├── about.md
├── css
│   └── main.scss
├── feed.xml
└── index.html

文档提供了以下示例：

由于Jekyll的灵活性，有很多解决方案可以解决这个问题。一种常见的解决方案是在项目目录的根目录中创建一个名为assets或downloads的文件夹，其中放置了任何图像，下载或其他资源。然后，从任何帖子中，可以将它们链接到使用站点的根作为要包括的资产的路径。同样，这将取决于您的网站（子）域和路径的配置方式，但下面是一些示例（在Markdown中），说明如何使用帖子中的site.url变量执行此操作。

在帖子中包含图片资源：

... which is shown in the screenshot below:
![My helpful screenshot]({{ site.url }}/assets/screenshot.jpg)

我尝试了几种不同的方法，但是当我按gh-pages时，非工作正在运行：

![]({{ site.github.url }}/_img/2016-09-09 14.48.20.png)

![]({{ site.url }}/_img/2016-09-09 15.25.09.png)

我还尝试通过在_img

中添加以下内容来“保留”_config.yaml目录

# Build settings
markdown: kramdown

keep_files: ["_img"]

但这也行不通。那么如何在github上托管的jeykll项目中包含图像？

感谢您的帮助：）

Answer 1

以下划线开头的每个文件夹都不会被复制到构建目标。最常见的方法是存储图像是将它们添加到assets/img文件夹中。如果您想使用_img，则必须添加到_config.yml：

include:
  - "_img"

Answer 2

为您的图片创建一个文件夹，您可以根据自己的意愿命名（我的是“图片”）
找到要包含在帖子中的图片的图片地址（您可以通过转到文件夹图像并右键单击图像，然后复制图像地址来实现）
现在您在帖子中使用该地址时没有任何问题。

如何在github上托管的jekyll项目中包含图像？

2 个答案: