我有一个名为icon.png的图像,我想将其放在通过RStudio创建的html的标题中.我是通过以下脚本获得它的:

<script>
   $(document).ready(function() {
     $head = $('#header');
     $head.prepend('<img src=\"Icon.png图标.png\" style=\"float: left;width: 150px;\"/>')
   });
</script>

我的问题与图像的路径有关,我只是将文件放在与.Rmd相同的文件夹中...但我希望从名为Assets的文件夹中加载图像,该文件夹位于与Tr-RMD相同的文件夹中

  • EDA --assets资源
  • Icon.png图标.png
  • File.Rmd文件

非常感谢您的帮助

推荐答案

Option 1:

您可以更改html脚本中的img src标记.

如下所示

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

请注意,使用HTML时,您不能引用域根目录(Web根目录)以外的图像文件,请参阅此处https://webmasters.stackexchange.com/a/48448

Option 2:

您使用的是Markdown语法,请注意此处您可以引用.rmd文件夹之外的图像文件

---
title: my_document_title ![](../asset_out/Icon.png){width=1in} 
output: html_document
date: "2023-05-09"
---

Html相关问答推荐

如何将值从Google Sheets侧边栏中的表单中的输入传递到Google Sheets单元格中使用Textile()

NG8004:找不到名为""的管道.'' [插件Angular 编译器]

在CSS中不保持圆形图像形状的边框半径属性

自动字间距以适应行CSS

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

如何在元素的三条边中间换行边框?

Vutify中看不见的V行

错误时交换表单,成功时使用HTMX重定向

rvest: Select 不包含链接的段落(<;p>;)

有没有办法移动占位符?

如何在Go模板中传入途中创建的 map

四开将一个 qmd 文档中的单词链接到另一个 qmd 文档中的单词

如何使用 Bootstrap Grid 系统修复大屏幕上图片和进度条之间的空白?

使用 R markdown 在 html 中包含图像

从右到左支持百分号

鼠标悬停时切换 colored颜色 的双色链接

在不扭曲图像的情况下将图像放入灵活的 Div 框内

如何使具有两个元素的 div 行在移动设备中响应

CSS Padding 将右对齐的对象推离页面

下拉菜单项在页面加载时显示,需要隐藏直到悬停