在顶层标题之前将图像添加到Rmarkdown Bookdown输出中

问题描述 投票:3回答:1

下面的示例(即另存为文件index.rmd)具有相同的代码块,以在顶级标题上方和下方显示图像,但该图像不会出现在顶级标题上方。如果文件_ output.yml在同一目录中只有此条目bookdown::gitbook:,则会发生这种情况。

该行似乎强制执行一个目录(我想要的),并且在默认情况下(我不想要)似乎在第一个顶级标题之前去除了任何内容(图像或文本)-这样可以做到这一点吗?修改了?

---
site: bookdown::bookdown_site
---

```{r echo=FALSE, message=FALSE, warning=FALSE}
library(imager)
im <- load.image(system.file('extdata/Leonardo_Birds.jpg',package='imager'))
plot(im, axes=FALSE)
```

# R Markdown

```{r echo=FALSE, message=FALSE, warning=FALSE}
library(imager)
im <- load.image(system.file('extdata/Leonardo_Birds.jpg',package='imager'))
plot(im, axes=FALSE)
```
r-markdown bookdown
1个回答
2
投票

注意:此处提供了3个选项,但没有一个是完美的。完美的解决方案可能依赖于对[[bookdown软件包的修改?

选项1:

在_output.yml文件(建议here)中,在before_body中使用这样的包含物:bookdown::gitbook: css: assets/style.css includes: before_body: assets/big-image.html after_body: assets/footer.html

缺点:i)需要制作一个html文件才能插入图像。ii)如果使用基于Web的图像,则不会在Rstudio浏览器中显示。iii)如果使用本地图像,则路径可能会混淆,并且不会在在线Web HTML渲染中显示iv)如果使用before_body: my_image.html,请在bookdown

每一章的顶部包含图像。替代选项in_header: my_image.html似乎与侧边栏索引不兼容。

选项2

使用提示3 在标题[header / header / footer]中添加徽标]在此blog post]下的解决方案,通过yaml在index.rmd中插入图像。--- title: | ![](my_image.png) My title

缺点:

i)将鼠标悬停在图像上时,它会在稍有不同的位置显示图像的副本(可以禁用此“悬停”行为吗?)ii)如果使用基于Web的图像,则不会在Rstudio浏览器中显示。iii)如果使用本地图像,则路径可能会混淆,并且不会在在线Web HTML渲染中显示

选项3

下面的代码是从here借用的(您可以将其放置在顶层标题的下方),可能直接进入编织过程,并将其自身插入最终的html中。问题在于图像不会为自己腾出空间,而是停留在第一个文本上方。是否有一些简单的html / css可以解决这个问题?<img src="https://i.imgur.com/GiViTbA.png" style="position:absolute;top:0px;height:100px;" />

缺点:

i)图片不会为自己腾出空间,而是以第一个文本结尾。您可以通过以下方式通过yaml标题编码多余的空间(尝试和错误)来解决此问题:
title: | . . . . site: bookdown::bookdown_site
© www.soinside.com 2019 - 2024. All rights reserved.