问题标签 [slidify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
111 浏览

r - 如何使用 slidify 制作带有目录的蒙版?

我对这种用户友好的替代 Latex 的漂亮演示文稿非常感兴趣,但我认为当演示文稿很长时,为幻灯片添加一个具有完整计划和我们所在位置的蒙版是有用的(谨慎的示例在 Beamer 中)。

我将 io2012 样式与 slidify 一起使用。

可以用 slidify 做到这一点吗?我找不到一个例子,但也许我没有使用正确的关键词。

0 投票
1 回答
155 浏览

r - 是否可以使用 slidify 逐行显示代码?

出于教学目的,我想逐行显示一些 R 代码,用于与学生的互动课程。我找到了slidify 的交互式控制台(你必须运行视频才能在 4'55 看到它的含义),但我想知道是否可以隐藏/显示代码或更好地显示代码行线(选项或动画?)。

我将我找到的代码添加为下面的交互式控制台的演示,但是代码出现在交互式控制台中的事实对我来说并不是很高的要求,我只想在完全显示代码后评估代码(最好不要编写多张幻灯片一项练习)。

0 投票
0 回答
353 浏览

html - slidify - 如何创建幻灯片布局

我正在为我必须在大学几周内完成的会议(博士级别)制作定制的 slidify 演示文稿。我想在assets/layouts目录中创建 DRY 布局以简化幻灯片设计并保持内容 DRY:仅标题、计划、仅副标题、标题和正文、副标题和两个列、标题、副标题标题和正文,标题,空白。

我访问了ramnathv github 存储库特定的 slidify 网站页面以自定义布局

我还检查了关于 slidify 特定主题的几个问题

我已经成功地在 中创建了一个slide.css文件assets/css,并在其中添加了一个徽标来自assets/img定义我的演示文稿的方面和 css 属性(自定义tilte-slide& slide)。

我想为我的每种演示幻灯片类型创建一个html文件: , , , , , , , , . assets/layoutstitle-only.htmlplan.htmlsub-title.htmlltitle-and-body.htmlsub-title-and-two-cols.htmltitle.htmlsub-title-and-body.htmlcaption.htmlblank.html

我在这里找到了 ramnathv 回答的一个有用问题,用于在该部分中创建我的sub-title-and-two-cols.html文件。Layouts with Parameters

我现在需要传输在我的“slide.css file in theassets/css”目录中创建的 css 属性。

例如,我想创建一个plan.html文件。这是我想从slide.css文件中计算的代码plan.html

  • 修改字体:

    /li>
  • 修改标题幻灯片属性:

    /li>
  • 修改文本内容属性:

    /li>

我想知道如何在我的plan.html文件中传输这个 css 属性:

然后,对于“计划”幻灯片,我将像这样标记它们:

哪个应该获得之前指定的 css 属性。

0 投票
1 回答
210 浏览

r - 在 GitHub 或 RPubs 上发布后,Slidify 不会在浏览器中呈现 rCharts

我用 rCharts 创建了一个 slidify 并且在我的计算机的浏览器上工作正常,但是当我在另一台计算机上打开该文件夹时,rCharts 没有出现。代码:

此外,在github上发布项目后,RawGit不会渲染并且index.md也不会显示 rCharts。这是 index.Rmd

这是一个例子,说明我不是 rChart 的代码

我想看到图像在其他计算机上显示的结果 在此处输入图像描述

repo 在这里,rPubs 的链接在这里 谢谢!

0 投票
1 回答
3652 浏览

r - 如何在 Rpres (R Presentation) 幻灯片中添加全屏背景图片?

我想在使用 Rstudio 创建的 R 演示 (Rpres) 幻灯片中的一张或多张幻灯片中添加全屏背景图像。我知道 Rstudio 的 R 演示幻灯片使用reveal.js 框架来获得所有漂亮的眼睛糖果效果,我最接近实现我想要的效果是按照以下示例: https://www.uvm。 edu/rsenr/vtcfwru/R/fledglings/14_Slideshows.html 并在幻灯片开始之前添加以下行:

但是,虽然我看到了图像,但它并没有居中,并且图像仅覆盖了可用的文本区域——也就是说,图像似乎被裁剪了,并且图像周围有很大的边距。如果有办法使图像居中并删除图像周围的边距,我就会得到我想要的。我宁愿不必在编织 Rpres 文件后破解 html。此外,我宁愿不必在 html 中重新编码我的幻灯片——我喜欢能够在 Rstudio 中的 markdown 中创建我的幻灯片。

我确实尝试过这里的建议: Rstudio 中的表示 - 让图像 专门填充整个屏幕,关于使用http://github.com/regisb/reveal.js-fullscreen-img的评论但我无法得到这个工作 - 建议的解决方案不能很好地与 Rpres 文件配合使用,或者 README 中的信息不足以让我拼凑起来让它工作。

这似乎是一个非常简单的请求。当然,像在幻灯片中添加背景图像这样简单的事情不会那么难吗?请问有什么想法吗?

0 投票
0 回答
105 浏览

javascript - 不要在 knitr html 中自动播放动画

我正在使用 slidify(它又使用 knitr)创建一个 html 演示文稿,其中我正在合并通过 scianimator 显示的动画(即通过设置 knitr 选项opts_knit$set(animation.fun = hook_scianimator))。这一切都完美无缺。但是,一旦加载 html,动画就会开始自动播放。这是由生成的 javascript 代码引起的 .scianimator("play");。当然,我可以从 html 文件中手动删除它。但我的目标是自动生成完整的 html 演示文稿,而无需手动更正 html 文件。是否可以设置 knitr 选项,重新定义hook_scianimator功能或其他方法以使其正常工作?

以便其他人可以重现这一点:我已经把我的源包放在这里http://www.let.rug.nl/wieling/statscourse/lecture5/lecture5.7z 如果它被解压缩并且在浏览器中打开了 html 文件( Chrome、Firefox),动画操作幻灯片 16 已经在播放(它在加载 html 文件时开始)。原始的降价/滑动源是 index.Rmd 在同一个存档中。

请注意,如果我将数据上传到网络服务器:http : //www.let.rug.nl/~wieling/statscourse/lecture5/#16,Scianimator 动画根本不会播放。

任何帮助将不胜感激!

0 投票
1 回答
1462 浏览

r - 在 slidify 中调整绘图图表的大小

我在 R 中创建了一个 plotly 图表,然后通过 htmlwidget 保存该图,以便可以在 slidify 中调用该图。我在两个论点中都使用了widthand ,以便在滑动幻灯片上拟合绘图,但是当将一些文本添加在一起时,最终结果总是会切掉图表的底部。heightlayoutindex.Rmd

如何在 slidify 中真正调整绘图图表的大小?

R脚本中的代码

index.Rmd 的摘录

滑动滑动

0 投票
1 回答
1251 浏览

css - Slidify:如何在标题幻灯片中将 YAML 文本定位到右侧?

我正在修改我的套牌的第一张幻灯片。

我可以使用图像作为背景,但是在幻灯片右侧放置“yalm 文本:标题、副标题和作者”时遇到问题(它与我的图像背景冲突)。

我尝试修改名为“slidify”的 CSS,就像我为背景所做的那样。

但我没有得到预期的结果,而是所有文本都被压在左下角:

在此处输入图像描述

HTML 部分:

CSS部分:

更新 1:

感谢@LGSon,我取得了一些进展。看:

在此处输入图像描述

问题:

1.- 我使用.title-slide hgroup来仅影响hgroup标题幻灯片上的 ,并在其上使用背景灰色。但是文字全乱了。

2.-当使用_top:300时,有一个块覆盖了文字。见第二张图。

第二张图片:

在此处输入图像描述

完整的 HTML:

CSS部分:

0 投票
1 回答
350 浏览

r - Slidify:如何从 assets/img 文件夹中调用图像作为背景?

我想从 assets/img 文件夹中调用图像,因为我想以 ZIP 格式共享卡片组,因此它们的路径与我的文件路径不同。

我像往常一样修改了“slidify.css”文件,但带有指向 assets/img 文件夹的路径。

这是 CSS 所在的路径:

D:\presentaciones\prueba\libraries\frameworks\io2012\css

图片路径:

D:\presentaciones\prueba\assets\img

索引路径:

D:\presentaciones\prueba

这些是我的尝试:

1.-

2.-

3.-

4.-

5.-

0 投票
1 回答
101 浏览

rstudio - 在 RStudio 版本 0.99.467 上使用 knit to HTML 生成 Slidify 幻灯片

在 RStudio IDE 版本 0.99.467 上按下 knit HTML 按钮时编写 Slidify 内容后,它只呈现 HTML 文件而不呈现幻灯片?我从他的 github 存储库示例中使用了默认的 YAML 和 Ramnath 使用的 YAML,结果相同。有变化还是我错过了什么?