R Markdown: Setzen Sie ein Bild in die obere rechte Ecke von HTML und bewegen Titel nach unten

Question

Ich möchte ein Firmenlogo Bild in der oberen rechten Seite meiner R Abschrift Bericht setzen, und dann den Titel nach unten, sagen 3 oder 4 cm niedriger als die Standardposition. Die Idee ist, dass es wie Firmenbriefkopf aussieht.

Könnte jemand vorschlagen, wie ich das in meiner .RMD-Datei codieren könnte?

Danke für jede Hilfe!

Answer 1

Option 1:

Dieses Skript am Anfang (oder woanders) Ihres RMarkdown Dokument:

<script> 
    $(document).ready(function() { 
    $head = $('#header'); 
    $head.prepend('<img src=\"logo.jpg\" style=\"float: right;width: 150px;\"/>') 
    }); 
</script> 

Dies aussehen wird

Für Damit das Skript funktioniert, muss sich das Bild im selben Ordner wie das .Rmd-Dokument befinden. Sie könnten auch die <img> Tag eine gewisse id geben und präziser CSS Styling hinzufügen mit

<style> 
    #myLogo { 
    float: right; 
    width: 120px; 
    ... 
</style> 

Option 2:

Eine zusätzliche HTML-Datei (zB extLogo.html), die das Logo enthält wie:

<div><img src="logo.jpg" width="200px" align="right"></div> 

dann die YAML-Header wie folgt ändern:

--- 
title: "Test" 
author: "Martin Schmelzer" 
date: "13 Juli 2016" 
output: 
    html_document: 
    includes: 
     in_header: extLogo.html 
--- 

Das sieht aus wie

und möglicherweise einige weitere Marge/padding Optionen benötigen ...