4

我正在尝试使用 hugo-academic 将图像预览添加到帖子中,并使用 blogdown 从 .Rmd 进行编译,但我不知道在 YAML 序言中要做什么。

一些未提供解决方案的相关帖子包括:

-在 blogdown 中包含图像预览(.Rmd yaml 标头)

-如何为 .Rmd 文件中的帖子添加功能或缩略图

Hugo-academic 希望在 TOML 序言中这样:

---
[header]
image="path"
---

根据blogdown book,这是 TOML 中的一个表。但是方括号似乎是 YAML 中的流控制运算符,并且用反斜杠转义它们可以停止对编译的抱怨,但不会产生所需的行为;image: "path"显然被忽略,因为任何字符串都可以替换“路径”而不改变行为。至少 bookdown 将图像放在 public/img/headers 中的正确位置。

那么我错过了什么?从 .Rmd 开始时,如何获得 hugo-academic 中帖子的图像预览?

4

3 回答 3

3

可以[]toml没有括号的情况下添加标题中的内容,yaml但缩进以下参数。
在您的情况下,使用学术主题,YAML标题需要编写如下(记住路径是相对于static/img/文件夹的):

---
title: "Posts"
date: 2017-01-01
math: false
highlight: false
header:
  image: ""
  caption: ""
---

保存为文件的getting-started文件将具有以下标头(我对其进行了测试并且可以正常工作):exampleSiteRmdYAML

---
date: 2016-04-20
lastmod: 2017-09-03
draft: false
tags: ["academic", "hugo"]
title: "Getting started with the Academic framework for Hugo"
math: true
summary: "Create a beautifully simple personal or academic website in under 10 minutes."
header:
  image: "headers/getting-started.png"
  caption: "Image credit: [**Academic**](https://github.com/gcushen/hugo-academic/)"
---
于 2017-11-19T15:07:49.633 回答
1

我对Hugo-Academic主题有同样的问题,上述解决方案对我不起作用。

这是我的文件的YAML标题,我在文件夹中。.Rmdpizza.jpgstatic/img/

在此处输入图像描述

如您所见,没有显示预览图像:

在此处输入图像描述

但是,您确实会项目看到此图像:

在此处输入图像描述

如何正确获得与学术主题配合使用的图像预览?

如果您愿意,可以查看我的repo( https://github.com/moldach/moldach.github.com)……但我试图在这里为后代提供足够的信息,因为它会在未来发生变化。

请注意: “Getting Started with...”项目旁边的项目的图像预览只是因为它们是指向外部网站的链接而不是.md.Rmd

在此处输入图像描述

解决了:

好的,所以错误是您需要preview_only:(不是image_preview:)并注意 . 下的正确缩进(2 个空格键命中)image:

确保您拥有Rmd预览图像(命名为featured.jpg/featured.png位于project文件夹中的一个子文件夹中,如下所示:

在此处输入图像描述

可能最好复制粘贴,因为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: []
---
于 2019-12-19T03:51:21.800 回答
0

关于您的问题,唯一对我有用的是将 .rmd 文件重命名为 index.rmd。这解决了我所有的问题;-)

于 2020-05-26T14:37:50.230 回答