【问题标题】:Is there a way to make it easier to attach images to `Markdown` in `Jekyll`?有没有一种方法可以更轻松地将图像附加到“Jekyll”中的“Markdown”?
【发布时间】:2018-04-27 03:11:16
【问题描述】:

最近,我正在使用Jekyll 制作博客。 使用 Jekyll 创建博客时,图片文件应该在asset / images /,每次创建如下 markdown 文件时指定每个图片附件代码的路径非常不方便

![img](/assets/images/aa.png')

有没有一种方法可以更轻松地将图像附加到Jekyll 中的Markdown

比如在front matter中设置图片文件路径,或者在_config.yml中声明图片路径?

总是感谢您的帮助。非常感谢

【问题讨论】:

    标签: image markdown jekyll


    【解决方案1】:

    是的,您可以在_config.yml 中指定路径,例如:

    images: assets/images
    

    在您的帖子、页面或文档中,只需使用

    调用此路径
    {{ site.images }}
    

    你就完成了!

    【讨论】:

    • 感谢您的帮助,我在_config.yml中指定了图片路径。我还有一个问题,如果我有两个图像文件夹?第一种情况是markdown的图像文件夹,第二种情况是python代码的图像mdae的图像文件夹。我不想他们混在一起。有什么办法可以解决。
    • 您应该查看defaults 上的 jekyll 文档。也许您可以使用不同的范围。否则,您可以随时在 _config.yml 中声明任意数量的变量。您甚至可以使用data-files 指向您的不同资产目录。
    【解决方案2】:

    使用重写规则(在 .htaccess 中)

    RewriteRule ^(.*).(jpg|png|gif)l$ /assets/images/$1.$2
    

    现在你可以写了

    ![img](aa.pngl) 
    

    结尾的l(如本地)主要是为了避免重定向循环。 您还可以添加一个较短的“目录”,例如 ![img](l/aa.png)

    在另一个域上,您可以直接在 png、jpg 等上捕获。

    RewriteRule ^(.*).jpg$ https://upload.wikimedia.org/wikipedia/commons/$1.jpg
    

    和热链接图片

    ![](thumb/3/30/Jubilee_and_Munin%2C_Ravens%2C_Tower_of_London_2016-04-30.jpg/240px-Jubilee_and_Munin%2C_Ravens%2C_Tower_of_London_2016-04-30.jpg)
    

    但要小心:所有图像都会被重定向。

    我从未在生产中使用过它,但它在测试中对我有用。

    【讨论】:

      猜你喜欢
      • 2012-07-09
      • 2010-09-17
      • 1970-01-01
      • 1970-01-01
      • 2014-12-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多