R Markdown：将图像放在HTML的右上角并向下移动标题

Question

我想在我的R降价报告的右上角放置一个公司徽标图像，然后向下移动标题，比默认位置低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：

创建一个额外的HTML文件（例如extLogo.html），其中包含以下徽标：

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

然后像这样修改YAML标题：

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

这看起来像

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

Answer 2

如果您将img src更改为64位基本代码（大小实在混乱），则图像不再取决于您的本地目录，例如您可以通过电子邮件将html文件发送给某个人，以使用交互式报告。

base64编码器： https://www.base64decode.org/