首页 > 解决方案 > Hugo:运行“hugo import jekyll”后找不到静态文件

问题描述

运行后hugo import jekyll,除了图像之外,一切似乎都运行良好。我在本地通过hugo server -D.

在里面blogpost1.mdcontent/post我有一个带有路径的图像:

![stage]({{ site.url }}/assets/img/2018/SIS2018.jpg)

根据 Hugo 文档,我更改为以下内容:

![stage](/assets/img/2018/SIS2018.jpg)

以下是文件夹结构:

|_ content
|___ post
|_____ blogpost1.md
|_ static
|____ assets
|_______ img
|_________ 2018
|___________ SIS2018.jpg

还有config.toml我还没有接触过的文件:

baseURL = "http://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "ananke"

我也尝试将其更改为纯 HTML,但仍然收到 404:

<img src="/static/assets/img/2018/SIS2018.JPG" title="image title" />

标签: jekyllhugo

解决方案


在我的设置中,使用以下代码+结构一切正常:

{{ .Site.BaseURL }}img/posts/image.png(如果相对路径没问题,你可以省略 {{ .Site.BaseURL }} 部分)

  • 我的图片位于static/img/posts/image.png
  • 我的帖子位于content/posts/post.md

因此,您可以在使用时尝试删除前导斜杠![stage](/assets/img/2018/SIS2018.jpg) (使用 assets/img/2018/SIS2018.jpg 而不是 /assets/img/2018/SIS2018.jpg)

对于纯 HTML 部分<img src="assets/img/2018/SIS2018.JPG" title="image title" />应该可以工作。


推荐阅读