在书本标题前添加图片
Add image before bookdown title
我正在尝试在 gitbook 风格的 bookdown 项目中的标题前添加一张图片。这类似于 RStudio 社区页面中的 this question,但我希望图像仅出现在标题之前,而不是每个 top-level 标题。
我在这里创建了一个 reprex:https://bd-reprex.netlify.app/
我编辑了 _output.yml
以包括:
bookdown::gitbook:
...
includes:
before_body: assets/logo.html
但是,如上例所示,图片现在出现在每一章之前,而不仅仅是标题之前。
如有任何帮助,我们将不胜感激!
已回答此问题 here。
解决方法是在index.Rmd
文件末尾添加一个JS代码块,如
```{js, echo = FALSE}
title=document.getElementById('header');
title.innerHTML = '<img src="/path/to/img.png" alt="Test Image">' + title.innerHTML
```
来自https://bookdown.org/yihui/rmarkdown-cookbook/latex-logo.html
title: |
{width=1in}
Adding a Logo to LaTeX Title
注意:虽然你看不到它们,但在{width=1in}之后有两个尾随空格,这意味着Markdown中的换行符。如果没有换行符,图像和标题将在同一行,这可能不是您想要的。
另见相关问题:How to have Frontpage Image before chapter title and book title?
我正在尝试在 gitbook 风格的 bookdown 项目中的标题前添加一张图片。这类似于 RStudio 社区页面中的 this question,但我希望图像仅出现在标题之前,而不是每个 top-level 标题。
我在这里创建了一个 reprex:https://bd-reprex.netlify.app/
我编辑了 _output.yml
以包括:
bookdown::gitbook:
...
includes:
before_body: assets/logo.html
但是,如上例所示,图片现在出现在每一章之前,而不仅仅是标题之前。
如有任何帮助,我们将不胜感激!
已回答此问题 here。
解决方法是在index.Rmd
文件末尾添加一个JS代码块,如
```{js, echo = FALSE}
title=document.getElementById('header');
title.innerHTML = '<img src="/path/to/img.png" alt="Test Image">' + title.innerHTML
```
来自https://bookdown.org/yihui/rmarkdown-cookbook/latex-logo.html
title: |
{width=1in}
Adding a Logo to LaTeX Title
注意:虽然你看不到它们,但在{width=1in}之后有两个尾随空格,这意味着Markdown中的换行符。如果没有换行符,图像和标题将在同一行,这可能不是您想要的。
另见相关问题:How to have Frontpage Image before chapter title and book title?