Question

我正在尝试在使用rmarkdown生成的HTML文档的标题之间插入横幅图像，并覆盖一些文本。我是HTML的新手，但是我编写了一个可以正常工作的基本网页（请参见下文），现在我想将其插入HTML文档的标题中。

现在我只是想使其正常工作，所以我一直在使用名为melon.png的图像：

我已经更新了rmarkdown中的样例示例，以使用in_header YAML字段，如下所示：

---
title: "header_test"
author: "Dos"
date: "20 December 2018"
output: 
  html_document:
    includes:
      in_header: C:/Users/Dos/Documents/html/CSS Backgrounds.html
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

## R Markdown

This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see <http://rmarkdown.rstudio.com>.

在 in_header 中引用的 CSS背景 HTML文件和随附的CSS文件如下：

div {
  height: 220px;
  width: 40cm;
  background-image: url('file:///C:/Users/Dos/Pictures/melon.png');
  background-repeat: no-repeat;
  background-size: 40cm 12cm;
}
.center {
   margin: auto;
   padding: 12px;
}

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Economic Note</title>
    <link rel="stylesheet" href="file:///C:/Users/Dos/Documents/html/CSS Backgrounds css.CSS">
  </head>
<div class="center">

当我编织文件时，我收到一条错误消息：

pandoc.exe：无法获取文件：/// C：/ Users / Dos / Documents / html / CSS 背景css.CSS InvalidUrlException “文件：/// C：/Users/Dos/Documents/html/CSS%20Backgrounds%20css.CSS” “无效方案”错误：pandoc文档转换失败，并显示错误 67执行停止

关于我该如何做的任何观点都很棒。

将英雄图像插入rmarkdown标头

0 个答案: