Блог

Я новичок в Rmarkdown и планирую использовать ioslides / slidy / xaringan для создания своей презентации.

Раньше я использовал beamer для создания презентаций. В beamer у меня есть среда теоремы, которая предназначена для математических теорем. Я хочу иметь возможность иметь такой формат в ioslides / slidy / xaringan. Я знаю, что могу использовать $ $ … $$ для включения кода latex и отображения уравнения. Однако этого недостаточно для моих нужд.

Я также знаю, что в bookdown может быть среда теоремы. Но я не знаю, как это сделать в формате вывода ioslides / slidy / xaringan.

Это было бы слишком долго для обсуждения в комментариях, поэтому вот ответ. Ниже приведены некоторые стили, вдохновленные идеей из вышеупомянутого поста в блоге:

styles.css

 .theorem {
  display: block;
  font-style: italic;
  font-size: 24px;
  font-family: "Times New Roman";
  color: black;
}
.theorem::before {
  content: "Theorem. ";
  font-weight: bold;
  font-style: normal;
}
.theorem[text]::before {
  content: "Theorem (" attr(text) ") ";
}
.theorem p {
  display: inline;
}
  

Чтобы использовать эти стили в презентациях rmarkdown, вы можете включить их через заголовок YAML. Для ioslides это работает следующим образом (аналогично работает для slidy и xaringan):

ioslides.Rmd (Обратите внимание, что для этого styles.css должен находиться в той же папке, что и ioslides.Rmd)

 ---
title: "Theorem demo"
output:
  ioslides_presentation:
    css: styles.css
---
  

Теперь вы можете создать теорему, используя <div> элемент класса theorem :

 ## CLT

<div class="theorem" text='CLT'>
  The CLT states that, as $n$ goes to infinity, the sample average $bar{X}$
  converges in distribution to $mathcal{N}(mu,sigma^2/n)$.
</div>
  

РЕДАКТИРОВАТЬ: копенгагенский стиль

Точное воссоздание стилей beamer является громоздким, но с помощью нескольких приемов CSS вы можете приблизиться к этому. Вот пример, похожий на theme: copenhagen .

 .theorem {
  display: block;
  font-style: italic;
  font-size: 24px;
  font-family: "Times New Roman";
  color: black;
  border-radius: 10px;
  background-color: rgb(222,222,231);
  box-shadow: 5px 10px 8px #888888;
}
.theorem::before {
  content: "Theorem. ";
  font-weight: bold;
  font-style: normal;
  display: inline-block;
  width: -webkit-fill-available;
  color: white;
  border-radius: 10px 10px 0 0;
  padding: 10px 5px 5px 15px;
  background-color: rgb(38, 38, 134);
}
.theorem p {
  padding: 15px 15px 15px 15px;
}