为什么在 jekyll 网站上添加图像的 Markdown 语法不起作用?

Mem*_*fil 4 markdown image jekyll github-pages

我正在搜索(现在已经花了几个小时)如何将图像添加到由 Github 页面托管的 Jekyll 网站上的页面。

\n\n

我已经读过很多帖子,其中给出了解决方案,但似乎都不起作用。然而 Markdown 语法图像非常清晰......我不明白我错在哪里?

\n\n

问题: 我的网站只显示代码行,但不显示图像!就好像 Jekyll 编译器认为这段代码就像普通文本一样。

\n\n

通常给出的语法是:( ![My Title](http://url/to/img.png)请参见此处

\n\n

根据我访问过的论坛,反复出现的问题与图像的路径有关。绝对与否?缺少斜杠:“/”或错误使用液体语法 {{site.url}}

\n\n

我已阅读所有这些帖子,测试了他们的解决方案并尝试了多种组合,但没有任何结果!

\n\n

这是我写的基本 Markdown 页面:

\n\n
---\nlayout: default\ntitle: Cat\xc3\xa9gories\nmenu: main\nweight: 10\npermalink: /categories/\n\n--- \n<div>\n  <ul>\n   <li>\n    ![Logo Jekyll]({{site.url}}/assets/images/categories/jekyll-logo.png )\n   </li>\n   <li>\n     ![Logo Jekyll](http://memofil.github.io/assets/images/categories/jekyll-logo.png)\n   </li>\n   <li>\n    ![Logo Jekyll]({{"/assets/images/categories/jekyll-logo.png"| absolute_url}})\n   </li>\n   <li>\n    ![Logo Jekyll](/categories/jekyll-logo.png)\n   </li>\n   <li>\n     <img src="{{site.url}}/assets/images/categories/jekyll-logo.png" />\n   </li>\n  </ul>\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n\n

你可以在我的网站上看到图像不是用markdown语法显示的,但是用经典的html方法没有问题(这让我认为这对我来说不是一个url问题......)。我还将我的图像放在存储库的不同位置,以找到解决方案,这就是 url 发生变化的原因。

\n\n

有没有人遇到同样的问题并解决了?解决方案可能很简单,但我是 Jekyll 的新手,我真的不知道我的错误在哪里。

\n\n

非常感谢您的帮助 !

\n

mar*_*nuy 5

在 jekyll 网站上添加图像的 Markdown 语法不起作用,因为它位于 HTML 标签内,因此当将 HTML 代码与 kramdown 语法混合并且您希望处理此 kramdown 代码时,您需要明确指定它。

一种方法是添加markdown="1"到 HTML 标记中,例如:

 <ul>
<li  markdown="1">
![Logo Jekyll]({{site.url}}/assets/images/categories/jekyll-logo.png )
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

注意kramdown代码前不能有空格,否则会被解释为块代码。

对于这种特殊情况,您可以只使用 kramdown 列表:

- ![Logo Jekyll]({{site.url}}/assets/images/categories/jekyll-logo.png )
- ![Logo Jekyll](http://memofil.github.io/assets/images/categories/jekyll-logo.png)

- ![Logo Jekyll]({{"/assets/images/categories/jekyll-logo.png"| absolute_url}})
- ![Logo Jekyll](/categories/jekyll-logo.png)
Run Code Online (Sandbox Code Playgroud)