Вставка изображения героя в заголовок rmarkdown - PullRequest
Новая
       10

Вставка изображения героя в заголовок rmarkdown

0 голосов
/ 20 декабря 2018

Я пытаюсь вставить изображение баннера с наложенным текстом в заголовок HTML-документа, созданного с помощью rmarkdown.Я новичок в HTML, но я написал базовую веб-страницу, которая работает (см. Ниже), и теперь я хотел бы вставить ее в заголовок документа HTML.

Сейчас я просто пытаюсь сделатьэто работает, поэтому я использую это изображение под названием melon.png: 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>.

CSS-фон HTML-файл, указанный как in_header , и сопутствующие 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 Backgrounds css.CSS InvalidUrlException "file: /// C: /Users/Dos/Documents/html/CSS%20Backgrounds%20css.CSS" "Недопустимая схема" Ошибка:Преобразование документа pandoc завершилось неудачно с ошибкой 67 Выполнение остановлено

Любые замечания о том, как это можно сделать, были бы хорошими.

...