【问题标题】:How to add picture subfolders in Pelican如何在 Pelican 中添加图片子文件夹
【发布时间】:2017-08-16 23:30:48
【问题描述】:

在 content/images 文件夹中,当我将图像放在图像的子文件夹中时,图像无法显示。 文件结构为:

 content->images->1.jpg
        ->images->travel->2.jpg
        ->diary->this file.md

在这个file.md中,我通过以下方式插入图片:

  ![mypic](../images/1.jpg)
  ![mypic2](../images/travel/2.jpg)

2.jpg 无法显示。

【问题讨论】:

    标签: pelican


    【解决方案1】:

    最后用绝对链接代替相对链接解决了问题。

    为此,我们应该在github空间中获取图片链接,然后将其插入到'md'文件中

    ![imags](https://github.com/****/***.github.io/blob/master/imgs/travel/1.JPG?raw=true)
    

    【讨论】:

      【解决方案2】:

      根据您的帖子,它正在images/travel/1.jpg 寻找您的照片,但它实际上位于images/travel/2.jpg

      尝试替换

      ![mypic2](images/travel/1.jpg)
      

      ![mypic2](images/travel/2.jpg)
      

      【讨论】:

      • 你能显示所有的代码吗?否则我无能为力。尝试在最后一行用 [mypic] 替换 [mypic2]
      • 谢谢,我把问题改写了。
      【解决方案3】:

      根据 Linking to static files,在 Pelican 文档中,您应该在链接中包含 {filename},如下所示:

      ![mypic]({filename}/images/1.jpg)
      ![mypic2]({filename}/images/travel/2.jpg)
      

      【讨论】:

      • @hunter 你能提供更多细节吗?图像文件是否正在处理到输出目录中?什么 src URL 最终出现在 HTML 中?您对静态文件有什么配置?
      • 感谢您的建议,在检查了输出目录中的文件后,我发现src 不正确。并且修改使它在我的本地计算机上正确显示,但在上传到 github 页面后仍然失败。
      • @hunter 你为什么放相对链接?当你按照我和文档告诉你的那样使用 {filename} 时发生了什么?你能显示相关的配置,输入和输出吗?否则我只是猜测 b
      • 我刚刚通过使用绝对链接解决了这个问题。似乎无法正确解析相关链接。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-02-12
      • 2021-10-10
      • 2021-12-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多