【问题标题】:Why is Markdown syntax to add an image on jekyll website not working?为什么在 jekyll 网站上添加图像的 Markdown 语法不起作用?
【发布时间】:2017-06-18 01:56:07
【问题描述】:

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

我已经阅读了很多给出解决方案的帖子,但似乎没有一个有效。但是 Markdown 语法图像非常清晰......我看不出我错在哪里?

问题: 我的网站只显示代码行,而不显示图像!好像 Jekyll 编译器将此代码视为普通文本。

一般给出的语法是:![My Title](http://url/to/img.png)(查看更多Here

根据我访问过的论坛,经常出现的问题是围绕图像的路径。 Asbolute 与否?带有 missed slash : "/" 或错误使用 liquid syntax {{site.url}}

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

这是我写的基本降价页面:

---
layout: default
title: Catégories
menu: main
weight: 10
permalink: /categories/

--- 
<div>
  <ul>
   <li>
    ![Logo Jekyll]({{site.url}}/assets/images/categories/jekyll-logo.png )
   </li>
   <li>
     ![Logo Jekyll](http://memofil.github.io/assets/images/categories/jekyll-logo.png)
   </li>
   <li>
    ![Logo Jekyll]({{"/assets/images/categories/jekyll-logo.png"| absolute_url}})
   </li>
   <li>
    ![Logo Jekyll](/categories/jekyll-logo.png)
   </li>
   <li>
     <img src="{{site.url}}/assets/images/categories/jekyll-logo.png" />
   </li>
  </ul>
</div>

您可以在my website 上看到图像未使用markdown 语法显示,但经典的html 方法没有问题(这让我认为这不是url 问题...) .我还将我的图片放在我的 repo 的不同位置,以找到一个解决方案,这就是 url 发生变化的原因。

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

非常感谢您的帮助!

【问题讨论】:

    标签: image markdown jekyll github-pages


    【解决方案1】:

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

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

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

    看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)
    

    【讨论】:

    • 哈哈哈,你解决了我的问题!!太简单了,我真的需要阅读 Markdown 语言的基础知识......非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2017-04-03
    • 2013-01-28
    • 2021-12-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-08
    • 2023-04-03
    相关资源
    最近更新 更多