问题标签 [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.
r - 如何使用 slidify 制作带有目录的蒙版?
我对这种用户友好的替代 Latex 的漂亮演示文稿非常感兴趣,但我认为当演示文稿很长时,为幻灯片添加一个具有完整计划和我们所在位置的蒙版是有用的(谨慎的示例在 Beamer 中)。
我将 io2012 样式与 slidify 一起使用。
可以用 slidify 做到这一点吗?我找不到一个例子,但也许我没有使用正确的关键词。
r - 是否可以使用 slidify 逐行显示代码?
出于教学目的,我想逐行显示一些 R 代码,用于与学生的互动课程。我找到了slidify 的交互式控制台(你必须运行视频才能在 4'55 看到它的含义),但我想知道是否可以隐藏/显示代码或更好地显示代码行线(选项或动画?)。
我将我找到的代码添加为下面的交互式控制台的演示,但是代码出现在交互式控制台中的事实对我来说并不是很高的要求,我只想在完全显示代码后评估代码(最好不要编写多张幻灯片一项练习)。
html - slidify - 如何创建幻灯片布局
我正在为我必须在大学几周内完成的会议(博士级别)制作定制的 slidify 演示文稿。我想在assets/layouts
目录中创建 DRY 布局以简化幻灯片设计并保持内容 DRY:仅标题、计划、仅副标题、标题和正文、副标题和两个列、标题、副标题标题和正文,标题,空白。
我访问了ramnathv github 存储库和特定的 slidify 网站页面以自定义布局。
我还检查了关于 slidify 特定主题的几个问题。
我已经成功地在 中创建了一个slide.css
文件assets/css
,并在其中添加了一个徽标来自assets/img
定义我的演示文稿的方面和 css 属性(自定义tilte-slide
& slide
)。
我想为我的每种演示幻灯片类型创建一个html
文件: , , , , , , , , . assets/layouts
title-only.html
plan.html
sub-title.htmll
title-and-body.html
sub-title-and-two-cols.html
title.html
sub-title-and-body.html
caption.html
blank.html
我在这里找到了 ramnathv 回答的一个有用问题,用于在该部分中创建我的sub-title-and-two-cols.html
文件。Layouts with Parameters
我现在需要传输在我的“slide.css file in the
assets/css”目录中创建的 css 属性。
例如,我想创建一个plan.html
文件。这是我想从slide.css
文件中计算的代码plan.html
:
修改字体:
/li>修改标题幻灯片属性:
/li>修改文本内容属性:
/li>
我想知道如何在我的plan.html
文件中传输这个 css 属性:
然后,对于“计划”幻灯片,我将像这样标记它们:
哪个应该获得之前指定的 css 属性。
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 中的信息不足以让我拼凑起来让它工作。
这似乎是一个非常简单的请求。当然,像在幻灯片中添加背景图像这样简单的事情不会那么难吗?请问有什么想法吗?
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 动画根本不会播放。
任何帮助将不胜感激!
css - Slidify:如何在标题幻灯片中将 YAML 文本定位到右侧?
我正在修改我的套牌的第一张幻灯片。
我可以使用图像作为背景,但是在幻灯片右侧放置“yalm 文本:标题、副标题和作者”时遇到问题(它与我的图像背景冲突)。
我尝试修改名为“slidify”的 CSS,就像我为背景所做的那样。
但我没有得到预期的结果,而是所有文本都被压在左下角:
HTML 部分:
CSS部分:
更新 1:
感谢@LGSon,我取得了一些进展。看:
问题:
1.- 我使用.title-slide hgroup
来仅影响hgroup
标题幻灯片上的 ,并在其上使用背景灰色。但是文字全乱了。
2.-当使用_top:300时,有一个块覆盖了文字。见第二张图。
第二张图片:
完整的 HTML:
CSS部分:
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.-
rstudio - 在 RStudio 版本 0.99.467 上使用 knit to HTML 生成 Slidify 幻灯片
在 RStudio IDE 版本 0.99.467 上按下 knit HTML 按钮时编写 Slidify 内容后,它只呈现 HTML 文件而不呈现幻灯片?我从他的 github 存储库示例中使用了默认的 YAML 和 Ramnath 使用的 YAML,结果相同。有变化还是我错过了什么?