簡體   English   中英

使用 Wowchemy Hugo Academic 和 Blogdown 工作流程時的圖像范圍問題

[英]Image scoping issue when using Wowchemy Hugo Academic and Blogdown workflow

我正在關注 ApresHill 的非常有用的博客文章來創建我的網站。 我有一個關於圖像范圍的問題,如果有人能解釋一下,我將不勝感激。 Wowchemy 教程說圖像可以放在/assets/media/文件夾下,從 Wowchemy v5.1 開始。 在此版本之前,它們位於static文件夾下。

當我指的是yaml正面或帖子本身中的圖像時,我的問題與范圍界定的差異有關。 簡而言之,YAML 標頭 scope 用於/assets/media/中的圖像,而帖子正文 scope 用於static/media/中的圖像:

讓圖像路徑為: /assets/media/IMG_IN_ASSETS_MEDIA_FOLDER.jpg /static/media/IMG_IN_STATIC_MEDIA_FOLDER.jpg

---
# This works in YAML
  background:
    image: IMG_IN_ASSETS_MEDIA_FOLDER.jpg
    image_darken: 0.65
    image_parallax: true
    image_position: center
    image_size: cover
    text_color_light: true
  spacing:
    padding: ["20px", "0", "20px", "0"]
---
---
# This doesn't work in YAML
  background:
    image: IMG_IN_STATIC_MEDIA_FOLDER.jpg
    image_darken: 0.65
    image_parallax: true
    image_position: center
    image_size: cover
    text_color_light: true
  spacing:
    padding: ["20px", "0", "20px", "0"]
---

當我嘗試將圖像插入帖子正文時,僅static文件夾的范圍

# adding images under `static` folder works
![](/media/IMG_IN_STATIC_MEDIA_FOLDER.jpg) # works 

# images under `/assets/media/` aren't found. I tried a few things here:
![](/media/IMG_IN_ASSETS_MEDIA_FOLDER.jpg)
![](/assets/media/IMG_IN_ASSETS_MEDIA_FOLDER.jpg)
![](../assets/media/IMG_IN_ASSETS_MEDIA_FOLDER.jpg)
# It works when I use the shortcodes though

{{< figure src="IMG_IN_ASSETS_MEDIA_FOLDER.jpg" >}}

為什么在圖像范圍界定方面 post front matter 和 body 表現不同? 我在這里想念什么?

正如我在R Studio 社區中聽到的那樣,這可能是由於 Hugo 或 Blogdown 查找圖像的位置不同。 它還解釋了為什么短代碼適用於從assets文件夾插入圖像。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM