xaringan初階

這篇文章介紹如何使用xaringan

董宸賓
2023-09-23

什麼是xaringan

翻譯自火影忍者的寫輪眼,他來自remark.js ,適用於R markdown。

這篇文是參考:資料

如何使用

在你的開頭設置

---
title: "xaringan教學"
author: "董宸賓"
date: "2023年9月23日"
output:
  xaringan::moon_reader
    nature:
      autoplay: 30000
      highlightStyle: github
---

搭配R語言

插入數學符號

用法是Latex語法加上美元符號,例如用$\alpha+\beta$生成\(\alpha+\beta\),如果要單獨顯示在一個段落就用兩個美元符號

$$\bar{X}=\frac{1}{n}\sum_{i=1}^nX_i$$

\[\bar{X}=\frac{1}{n}\sum_{i=1}^nX_i\]

R圖形

ggplot(data = mpg) + 
  geom_point(mapping = aes(x = displ, y = hwy)) +
  geom_smooth(mapping = aes(x = displ, y = hwy))

DT

DT::datatable(
  head(iris, 10),
  fillContainer = FALSE, options = list(pageLength = 8)
)

natrue設定

output:
  xaringan::moon_reader:
    nature:
      autoplay: 30000
output:
  xaringan::moon_reader:
    nature:
       countdown: 60000
output:
  xaringan::moon_reader:
    nature:
      highlightLines: true

使用css

xaringan::moon_reader強大的原因就是它能插入各種css元件

舉個例子,如果你要讓字體變成紅色:

  1. 先創一個css文件,並在裡面插入
.red {
  color: #FF0000;
}
  1. 將css引入文件中
output:
  xaringan::moon_reader:
    css: ["zh-CN.css", "extra.css"]
  1. 在你的xaringan中加入
.red[紅色的字]

快捷鍵

Slide內設定

class

例如我想讓投影片黑底白字

  1. 在css裡加入
.aaa{
  background-color: black;
  color: white;
}
  1. 在投影片加入
class: aaa

移除預設投影片

加入seal: false

左右分割

原作有預設,但我這邊使用沒有出現,所以我自行加入

  1. 在css裡加入
.pull-left {
  float: left;
  width: 47%;
}

.pull-right {
  float: right;
  width: 47%;
}
  1. 在投影片加入
.pull-left[a]

.pull-right[b]

使用layout

設定layout:true讓那頁投影片設定為背景

layout:false將其移除

如何匯出成pdf

1.在頁尾加入R指令 pagedown::chrome_print("投影片檔名.html")

2.在頁首ymal的地方加入(推薦) knit: pagedown::chrome_print

panelset

在你的簡報加入

.panelset[
.panel[.panel-name[panel1]
內容1
]
.panel[.panel-name[panel2]
內容2
]
]

更甚之,你可以配合R chunk setting 設置分隔輸出

.panelset[
.panel[
.panel-name[panel名字]
{r panelset = TRUE, results = "hold"}
print("Oak is strong and also gives shade.")
print("The lake sparkled in the red hot sun.")
]

接下來,你亦可讓panel左移

.panelset.sideways[
.panel[
.panel-name[panel1]
內容1
]
.panel[.panel-name[panel2]
內容2
]
]

參考資料