我正在尝试使用hugo-academic添加图像预览,并使用blogdown从.Rmd编译,我无法弄清楚在YAML前言中要做什么。
一些未提供解决方案的相关帖子包括:
- Include image preview in blogdown (.Rmd yaml header)
- How to add feature or thumbnail image for post in .Rmd file
Hugo-academic在TOML序言中希望如此:
---
[header]
image="path"
---
根据blogdown book,这是TOML中的一个表。但是方括号似乎是YAML中的流控制操作符,并且用反斜杠转义它们会阻止关于编译的抱怨,但不会导致所需的行为; image: "path"
显然被忽略,因为任何字符串都可以替换“path”而不会改变行为。至少bookdown将图像放在public / img / headers中的正确位置。
那我错过了什么?从.Rmd开始,如何在hugo-academic中获得帖子的图像预览?
答案 0 :(得分:0)
[]
标题中toml
的内容可以在yaml
中无括号添加,但以下参数是缩进的。
在您的情况下,使用学术主题,YAML
标题需要编写如下(请记住该路径是相对于 static/img/
文件夹的) :
---
title: "Posts"
date: 2017-01-01
math: false
highlight: false
header:
image: ""
caption: ""
---
保存为 getting-started
文件的exampleSite
的{{1}}文件将包含以下Rmd
标题(我对其进行了测试,但它的工作原理):
YAML
答案 1 :(得分:0)
我遇到与 Hugo-Academic 主题相同的问题,上述解决方案对我不起作用。
这是我的YAML
文件的.Rmd
标头,而我的pizza.jpg
在static/img/
文件夹中。
如您所见,没有显示预览图像:
但是,您做在项目 中看到此图像:
如何使用学术主题正确获取图像预览?
如果愿意,您可以查看我的
repo
(https://github.com/moldach/moldach.github.com)...,但我试图在此提供足够的信息以供后代之用,因为将来它会有所变化。
请注意 :仅“入门...” 项目旁边的项目的图像预览之所以起作用,是因为它们是指向.md
而非.Rmd
已解决:
好的,所以错误是您需要拥有preview_only:
(而不是image_preview:
)并注意image:
下的正确缩进(2个空格键)。
确保Rmd
和预览图像(命名为featured.jpg/featured.png
位于一个单独的子文件夹的project
文件夹中,如下所示:< / p>
最好复制粘贴,因为YAML
的挑剔和适当的间距:
---
title: 'Shiny Dev and Software Release Cycles and Rayshader, Oh My!'
summary: ''
author: "Matthew J. Oldach"
tags: []
categories: []
date: "2019-11-23"
featured: false
draft: false
# Featured image
# To use, add an image named `featured.jpg/png` to your page's folder.
# Focal points: Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight.
image:
caption: ""
focal_point: ""
preview_only: true
# Projects (optional).
# Associate this post with one or more of your projects.
# Simply enter your project's folder or file name without extension.
# E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`.
# Otherwise, set `projects = []`.
projects: []
---
答案 2 :(得分:0)
对我来说,唯一有效的方法是将.rmd文件重命名为index.rmd。那解决了我所有的问题;-)