html - R Markdown : Putting an image in the top right hand corner of HTML and moving title down

Question

我想在我的 R markdown 报告的右上角放置一个公司 Logo 图像，然后将标题向下移动，比如比默认位置低 3 或 4 厘米。这个想法是它看起来像公司信笺。

谁能建议我如何在我的 .Rmd 文件中编写代码？

感谢您的帮助!

Answer 1

选项 1:

在 RMarkdown 文档的开头(或其他地方)添加此脚本:

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

这看起来像

要使脚本正常工作，图像必须与 .Rmd 文档位于同一文件夹中。你也可以给 <img>标记某个id并使用

添加更精确的 CSS 样式

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

选项 2:

创建一个包含 Logo 的额外 HTML 文件(例如 extLogo.html):

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

然后像这样修改 YAML header :

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

这看起来像

并且可能需要一些进一步的边距/填充选项...