Question

我正在研究一个jekyll项目，并已经在stackoverflow和jekyll会谈网站上提出了一些问题。这篇文章是关于我设置amp-jekyll的问题。 amp-Jekyll是一个jekyll插件。完整文档位于此地址：https://github.com/juusaw/amp-jekyll

我的项目树如下

我的版本jekyll是jekyll-3.6.2 我使用Gemfile安装了这个插件（gem＆＃34; amp-jekyll＆＃34;，＆＃34; 1.0.2＆＃34;＃installed）。我检查了插件是否安装良好。然后我按照文件说明了：

1）我将布局文件（https://github.com/juusaw/amp-jekyll/blob/master/amp.html处的amp.html）放置到_layouts文件夹。我有第一个问题。我查看了这个文件并且不知道如何使用它。我是否只是将其复制到_layouts文件夹中并且全部或者让我参与其中并将其复制到另一个文件（如果是这样的话？）。我可以在正文部分看到{{ header | amp_images }}或{{ footer | amp_images: false, 24, 24 }}的使用情况。那是什么意思？。那么头标中包含的部分呢？

2）然后，我添加了amphtml-link到post head（将CSS样式添加到html模板）。在我的情况下，我只是复制以下代码

{% if page.path contains '_posts' %}
  <link rel="amphtml" href="https://localhost::4000/inger/toto.html">
{% endif %}

在我的footer.html文件中使用伪造的href网址（https://github.com/flamant/fileshare/blob/master/footer.html）..我有关于此代码段的第二个问题。这是什么链接？如果这个页面是一个帖子，它是否被考虑？

3）我运行bundle exec jekyll serve

发布的第一页女巫是index.html。代码是

---
layout: default
title: Hank Quinlan, Horrible Cop
lang: fr
---
<div class="blurb">
    <h1>This is content</h1>
</div>

default.html文件（在_layouts文件夹中）是以下

<!DOCTYPE html>

{% include header.html %}

{{ content }}

{% include footer.html %}

header.html位于以下位置：https://github.com/flamant/fileshare/blob/master/header.html 我显示的第一个图像（我无法看到）在此文件中。

所以我的主要问题是：为什么我看不到图像？

Answer 1

我ping了插件开发者，但直到现在还没有回答。我向前迈进了一个新的＆＃34; header.html＆＃34;具体如下：https://github.com/flamant/fileshare/blob/master/header_1.html 但是我在控制台中有以下错误我不明白为什么即使我对它进行编码，它也没有考虑我的src属性。我在浏览器上查看了我写的每个网址，它会导致正确的图像。提前谢谢

Answer 2

最后我发现了什么问题：属性应该是src而不是scr。我很困惑地问这个问题。

在我的项目

2 个答案: