Jupyterlab 导出Reveal.js.slides添加logo,控制代码块可以下拉显示方法

问题

在使用Jupyterlab导出reveal.js.slides, 经常会遇到长代码块被截断,不能显示全部内容;有时候需要添加机构的logo。

Jupyterlab 导出Reveal.js.slides添加logo,控制代码块可以下拉显示方法_第1张图片

解决办法

将第一个cell改为markdown类型,在第一个cell里添加以下代码:

<style type="text/css">
    pre {
        max-height: 500px!important;
        overflow:scroll;
    }
    div.slides {
        background: no-repeat url(‘your background image url’);
    }
style>

如下图所示:
Jupyterlab 导出Reveal.js.slides添加logo,控制代码块可以下拉显示方法_第2张图片
显示效果:
Jupyterlab 导出Reveal.js.slides添加logo,控制代码块可以下拉显示方法_第3张图片

你可能感兴趣的:(javascript,前端,html)