Presentation in R

第一次用R寫PPT有點茫然，網上講解的文章也不多。用久了發現ioslides presentation其實還滿好用的，做起來的簡報也挺簡潔的。其中有些的code寫法，有一些和網頁編碼相通。

首先需要用R開一個ioslides presentation，這個rmd檔可以放在自己想要放的資料夾裡。在knit後，資料夾中會自動生出簡報的html檔和一個css檔。若需要更改封面與內頁字形大小與顏色或更換封面背景圖，屆時都要寫在這個檔案裡。基本上，這已是一個完整的ppt了! ## 就是一張投影片，如果想要花俏一點就繼續看下去!

🦄在css檔中更改html code

換封面背景:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24


body {
 background-image: url(圖片網址)或同資料夾裡的圖片名加副檔名; 
 # background-image: url(https://image.freepik.com/free-vector/abstract-colorful-flow-shapes-background_23-2148258092.jpg);
 background-position: center center; 
 background-attachment: fixed; 
 background-repeat: no-repeat; 
 background-size: 100% 100%; 
} 

.title-slide {
 background-image: url(圖片網址)或同資料夾裡的圖片名加副檔名; 
 background-position: center center; 
 background-attachment: fixed; 
 background-repeat: no-repeat; 
 background-size: 100% 100%; 
}

.section .reveal .state-background {
 background-image: url(圖片網址)或同資料夾裡的圖片名加副檔名; 
 background-position: center center; 
 background-attachment: fixed; 
 background-repeat: no-repeat; 
 background-size: 100% 100%; 
}     

換封面主標題字型大小顏色

title部分

1
2
3
4
5
6
7
8
9


slides > slide.title-slide p { 
 color: white; 
}

slides > slide.title-slide hgroup h1 { 
 color: white; 
 font-size: 60px; 
 letter-spacing: 10; 
}

author以下部分

1
2
3
4
5


slides > slide.title-slide hgroup h2 { 
 color: white; 
 font-size: 40px; 
 letter-spacing: 10; 
}

更改所有投影片字形，可以到電腦中的"系統內容"，搜尋"字形"的名稱。

1
2
3


slides > slide {
font-family: "Microsoft JhengHei", Times, serif;
}

投影片內頁標題字形大小和顏色

1
2
3
4


h1,h2,h3, h4, h5, h6, h7, h8 {
color: #444444;
font-size: 60px; 
}

投影片內容字形顏色
<p>在網頁編碼中是文章段落的意思，而<li>通常是列表。所以當投影片中直接列1.2.3…時，他會自動視為列表，字的顏色就會是#444444了!若1.2.3….前還加了段文字，會視為文章，字的顏色就會是#000000。

1
2
3
4
5
6
7


body p { 
color: #000000; 
}

li {
color: #444444; 
}

css檔裡所有的編碼都要寫在之中。

🦄在rmd檔中編寫
p.s.可以自己再多加subtitle:\

1
2
3
4
5
6
7
8


---
title: "Food Map : <br> Flavor and Ingredients Visualization "
subtitle: "..."
author: "..."
date: "..."
output: ioslides_presentation
css: ptt backgroud .css 
---

投影片背景

1
2
3
4


## 標題 {
data-background="url"       #網址"或圖片名加副檔名 
data-background-size=cover  #背景覆蓋全頁
         }

投影片內容分兩欄 內容不夠長時，可導致有些內容消失在頁面中可用<br>代替。<br>是強迫換行的意思。

1
2
3
4
5


<div class="columns-2">
...
<br><br>
...
</div>

改變某行字形大小與顏色

1

<font color="#8C0044" font size="7">你寫的內容。</font>

空格
&emsp; …..全型
&ensp; …..半型
詳見其他人的blogger說明
工具書:R Markdown: The Definitive Guide
by Yihui Xie, J. J. Allaire, Garrett Grolemund
2020-04-26
CH.4.1

Presentation in R

See Also: