Aggiunta di un'immagine alla diapositiva titolo utilizzando slidify

Question

Sto usando l'ultima versione di Rstudio (e knitr) e ho installato la versione di sviluppo di slidify da github. Slidify ti consente di passare direttamente da Rmarkdown a html5slides con 1 clic.

Il mio problema è che vorrei aggiungere un'immagine alla diapositiva del titolo, ma l'utilizzo della normale sintassi di Rmarkdown non funziona. Penso che questo sia dovuto al fatto che la prima diapositiva è specificata come YAML.

title  : 
subtitle : 
author  : 
job   : 
framework : io2012  # {io2012, html5slides, shower, dzslides, ...} 
highlighter : highlight.js # {highlight.js, prettify, highlight} 
hitheme  : tomorrow  # 
widgets  : []   # {mathjax, quiz, bootstrap} 
mode  : selfcontained # {standalone, draft} 

Se posso aggiungere qualcosa a questa prima specifica diapositiva, ottengo un errore nella funzione yaml.load(), che analizza il YAML. C'è un modo per specificare un'immagine di sfondo usando YAML?

Answer 1

La diapositiva titolo nella struttura io2012 è contrassegnata dalla classe title-slide. Quindi puoi personalizzare la diapositiva usando css. Ad esempio, se si desidera specificare un'immagine di sfondo, è necessario aggiungere il seguente css.

.title-slide { 
    background-image: url(http://goo.gl/cF6W2); 
    } 

è possibile aggiungerlo direttamente al file Rmd racchiudendo con <style></style> tag o in un file CSS personalizzato in assets/css, che verrà automaticamente incluso quando si esegue slidify.

Spero che questo sia utile.

MODIFICA. Se si desidera personalizzare ulteriormente l'aspetto della diapositiva del titolo, è possibile modificare le linee in libraries/frameworks/io2012/layouts/deck.html.