在标题页上滑动并包含图片答案

【问题标题】：slidify and include picture on title page在标题页上滑动并包含图片
【发布时间】：2014-07-18 18:40:46
【问题描述】：

因为我是新来的 slidify，也许做错了编辑：slidify.css

 .title-slide {
       background-color: #b4f2f2;
       background-image:url("C:/download/ibm-db2.png");
    }

根据要求更改颜色 - 但不显示图像虽然文件在正确的位置 C:\download 目录 2014 年 7 月 18 日 08:13 PM 10,315 ibm-db2.png 感谢所有更新最好的问候，Guy Przytula

【问题讨论】：

标签： slidify

【解决方案1】：

本地图像使用 assets 文件夹的相对路径。例如： bg:url(assets/img/picture.png)

assets 文件夹在你的 slidify 项目中

Your slidify project:
|
|--index.Rmd
|--index.html
|--assets
|  |--img
|     |-- picture.png
|
|--libraries

【讨论】：

【解决方案2】：

图片在哪里并不重要，但要保持订单，您应该听从 Jorge 的建议。

你需要走这条路线：并找到“slidify.css”

\test1\libraries\frameworks\io2012\css

查看并更改此部分：

.title-slide {
  background-color: #FFFFFF; /* #EDE0CF; ; #CA9F9D*/
  background-image:url(D:\\test1\\star-bg.png); 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;  

  /* background-image:url(http://goo.gl/EpXln); */
}

如您所见，我的徽标文件的路径包含“\”。这是我使用时得到的路径：file.choose()。

如果您使用 RStudio，您可能不会看到加载的图像。您需要转到 index.html 所在的文件夹并在任何浏览器上打开它。

【讨论】：