我正在使用jupyter / i
Python笔记本编写reveal.js幻灯片.我想更改一些默认设置是一个简单的方法.我已经管理的事情(万一有人帮助)
改变主题
<link rel="stylesheet" href="reveal.js/css/theme/sky.css" id="theme">
2.更改transparent.js配置
nbconvert的问题是它在所有单元格语法之后加载了reveal.js,因此只需添加< script> Reveal.configure(…)< / script>以同样的方式不起作用(显示仍将是未知数).解决方案是确保在文档加载后执行代码:
<script type="text/javascript"> $(document).ready(function(){ Reveal.configure({ transition: 'convex' // none/fade/slide/convex/concave/zoom }) }); </script>
改变别的东西
这是我失败的地方
如何设置片段的行为或特定幻灯片的背景?
解决方法
也许这有点晚了
虽然其中有些不起作用,但是我从同一个博客中发现了另外一篇文章:Customizing your IPython slides,可能是你要求的.
custom.css仍然适用于我(与Jupyter 4和Revealjs 3.0.0).只需将custom.css文件放在.html所在的目录中.
改变字体(记住’.reveal’):
.reveal p { font-family: 'Raleway',sans-serif; color: #2d28cc; }
添加背景(但主题背景颜色将消失,也许需要更多的CSS调整):
body { background: url(logo.png) no-repeat left center; padding: 5px 0 5px 25px; }
div.footer { font-size:14pt; font-style: italic; color: #4aaeee; text-align: center }
然后将其添加到jupyter单元格:
<div id="footer">...</div>
希望这有帮助〜