我正在使用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>
希望这有帮助〜