给Jupyter Notebook生成的html文件加导航栏

前面分享过用pyecharts + jupyter notebook制作数据分析报告的文章,是我作为一个前端小白找到的便捷方式。其实熟悉前端技术的大佬肯定会笑话了,不过没关系,我说不定以后也能学会前端技术,现在能解决基本问题就行。
接着上回所说,使用jupyter notebook可以制作html格式的分析报告,但是这份报告可能会很长,使用鼠标滚轮翻的话,太费手指头了,我希望能有一个导航栏。
像下面这种,点那个标签就跳到页面对应的部分。

导航栏

分享一下我摸索出来的方法:

1、在html中,标签后面,插入以下代码

"占位"

粘贴到这里.png

2、找到每个标签需要对应跳转到哪个元素,就在这个元素的前面,加上下面的这行代码

""

这个里面的label1就是对应第一步里面的href="#label1"。你需要在哪个位置插入哪个label,对应的改就可以了。
最后可以实现以下的效果,虽然还比较简陋,但是也算实现了这个功能:


给html页面加导航栏.png

你可能感兴趣的:(给Jupyter Notebook生成的html文件加导航栏)