- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有没有办法添加一个GitHub corner或 GitHub ribbon在使用 CSS 文件的 Xaringan 演示文稿的标题幻灯片上?
我可以将代码直接添加到 HTML 文件中,但是任何演示文稿都需要重构 HTML。理想情况下,这将是 CSS 的一部分并在 YAML 中控制,但我对 CSS/HTML/JavaScript 知之甚少。
谢谢!
最佳答案
您可以直接将 HTML 代码混合到 markdown 源代码中。但是要在标题幻灯片上添加 github Angular ,需要做一些额外的工作:关闭自动生成的 Angular 并自己手动创建:
seal: false
以关闭自动生成的标题幻灯片。github corner
或 github ribbon
的 HTML 代码复制并粘贴到 markdown 源文件中示例(I've also uploaded it on github):
---
title: "Presentation Ninja"
subtitle: "⚔<br/>with xaringan"
author: "Yihui Xie"
date: "2016/12/12 (updated: `r Sys.Date()`)"
output:
xaringan::moon_reader:
lib_dir: libs
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
seal: false
---
```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
```
class: inverse, center, title-slide, middle
<style>
.title-slide .remark-slide-number {
display: none;
}
</style>
# Presentation Ninja
## ⚔<br/>with xaringan
### Yihui Xie
### 2016/12/12 (updated: `r Sys.Date()`)
<a href="https://your-url" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#fff; color:#151513; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png" alt="Fork me on GitHub"></a>
---
# Slide 2
example xaringan slide for:
https://stackoverflow.com/questions/49931518/add-github-corner-to-xaringan-title-slide
关于css - 将 GitHub Angular 添加到 xaringan 标题幻灯片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49931518/
我想知道是否可以将显示目录的幻灯片添加到使用 xaringan 包创建的文档中?谢谢。 最佳答案 更新 以下几行将为您提供自动大纲。不幸的是,我不知道如何在 RStudio 中自动重新加载 R 脚本文
我想调整提供的 .css 文件 here在除标题、反面和最后一张幻灯片之外的每张幻灯片的右上角添加一个小 Logo 。理想情况下,我可以只向 .css 文件添加一些简单的内容,而不是手动对演示文稿的每
我想调整提供的 .css 文件 here在除标题、反面和最后一张幻灯片之外的每张幻灯片的右上角添加一个小 Logo 。理想情况下,我可以只向 .css 文件添加一些简单的内容,而不是手动对演示文稿的每
我想将本地目录中的图像/ Material 包含到 Xaringan remark.js 演示文稿中并调整它们的大小。 我正在通过 Mac 上的 Rmd/Rstudio 执行此操作。我希望能够按照 Y
我作品的标准演示格式是比例为 16:9 的 Google 幻灯片,宽度设置为 10 英寸。但我讨厌手动输入绘图等,所以最初使用 Beamer 模仿它,但现在我尝试使用 xaringan 来实现所有现代
我想将xaringan演示文稿的长宽比更改为16:9。我想如果我可以创建一个自定义的CSS主题,那将是可能的。但是,这对我来说有点过头了。 那么,有没有真正简单的方法呢? 最佳答案 这已经很容易实现,
是否可以基于多个 .Rmd 文件创建演示文稿?我正在处理一个变得过于复杂的问题,我想将它分解为每张幻灯片的单独文件,就像 {bookdown} 中的章节一样。 最佳答案 我认为只要您将它们格式化为与
在 r-markdown是移动 title: 的选项出主yaml , as described in the R Markdown Cookbook . 但是,在 xaringan 中滑套新品---似
在这个例子中 xaringan介绍,为什么都是## blank page和 leaflet映射在同一张幻灯片上,因为我已经用新幻灯片分隔符将它们分开 --- ? --- title: "map tes
我正在 R 中使用 Yihui 的 xaringan 库来创建演示文稿的自定义模板。 其中一部分是创建自定义body幻灯片,如下图所示。 然后我对标题和正文使用自定义 CSS: .body-yel
我正在 R 中使用 Yihui 的 xaringan 库来创建演示文稿的自定义模板。 其中一部分是创建自定义body幻灯片,如下图所示。 然后我对标题和正文使用自定义 CSS: .body-yel
使用默认的 Xaringan CSS,如果将 $math$ 放在脚注中,它似乎呈现为 inline code ,而不是呈现为数学。我无法找到有关此的信息 - 这只是 Xaringan 或 remark
在 xaringan 如何创建表格,其中一些单元格被格式化为代码。 在 Markdown 中,我会通过以下方式声明这样的表: header1 | header2 | header3 ---------
我希望在水平滚动框中显示 R 命令的输出。代表: library(ggplot2movies) head(movies) # title year lengt
在 xaringan 中,我想在标题幻灯片中添加背景。我已经设法在 Yihui's 之后做到了这一点说明。 除了我松开默认字体 (Yanone Kaffeesatz) 外,这行得通。 YAML: --
如果我想减少代码输入框和输出框之间的垂直空间,我不知道如何更改 xaringan 包中的 CSS。这是默认 xaringan 模板中的简单更改: --- title: "Presentation Ni
我正在使用 Xaringan 编写演示文稿。我想嵌入视频,这样当我转换到包含视频的幻灯片时,它会自动全屏播放。 (即,我不想必须点击视频才能播放)。 我可以使用 revealjs 实现我想要的: ##
我有一张 Xaringan 幻灯片,如下所示: --- title: "Xaringan test" output: xaringan::moon_reader: self_contain
我想知道是否有一种方法可以使用 Markdown 语法在 xaringan 中添加表情符号介绍。一个最小的例子是 --- # Slide #1 :smile: --- 那会产生 幻灯片 #1 😄 谢
如何正确地将 Logo 添加到标题幻灯片的顶部? 经过一番尝试和错误,我想出了这个,并将其添加到 css 文件中。 .title-slide.remark-slide-content:before{
我是一名优秀的程序员,十分优秀!