You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在bookdown中实现首页图片置于章节标题、书籍标题之前?

需求a:首页图片置于第一章标题之前

无需新增显示的Frontpage章节,你可以插入一个无编号、不展示、不纳入目录的空一级标题占位,即可在标题和第一章之间插入图片,不会在正文或目录中留下额外章节痕迹,实现代码如下:

---
knit: "bookdown::render_book" 
site: bookdown::bookdown_site
documentclass: book
author: "Me Mine"
title: "«My Book»"  
---

# {.unlisted .unnumbered}

```{r, echo=FALSE, out.width="60%", fig.align = "center"}
knitr::include_graphics("nice-frontpage-image.jpg")
Introduction

...

## 需求b:首页图片置于书籍标题之前
根据你输出的格式不同,对应实现方案如下:
### PDF输出
直接在YAML中新增`titlegraphic`参数调用LaTeX插图命令,图片会自动渲染在书籍标题上方,代码示例:
```yaml
---
knit: "bookdown::render_book" 
site: bookdown::bookdown_site
documentclass: book
author: "Me Mine"
title: "«My Book»"  
titlegraphic: "\\includegraphics[width=0.6\\linewidth, center]{nice-frontpage-image.jpg}"
---

# Introduction
...

HTML输出

新增自定义头文件插入图片,再在YAML中引用该文件即可:

  1. 新建header.html文件,内容如下:
<img src="nice-frontpage-image.jpg" style="width: 60%; display: block; margin: 0 auto;">
  1. 修改YAML配置引用该头文件,代码示例:
---
knit: "bookdown::render_book" 
site: bookdown::bookdown_site
documentclass: book
author: "Me Mine"
title: "«My Book»"  
output:
  bookdown::html_book:
    includes:
      in_header: header.html
---

# Introduction
...

如果需要同时兼容两种输出格式,将上述两份配置合并到同一个YAML中即可。

内容的提问来源于stack exchange,提问作者IVIM

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 05:36:08