向 Hexo 博客中插入 Jupyter Notebook

本文详细介绍了如何将Jupyter Notebook整合到Hexo博客中,包括将其转换为Markdown、通过nbviewer插入和转化为HTML后利用Gitee Page服务进行展示。还分享了去除iframe滚动条的技巧,以实现更美观的展示效果。
摘要由CSDN通过智能技术生成

因为 Python 的笔记使用 Jupyter Notebook 进行记录十分的方便,并且 Jupyter Notebook 本身也支持 Markdown 的语法,所以在学习 Python 有关的内容时我喜欢使用 Jupyter Notebook 进行记录,但是一般我的笔记都分布在 Hexo 博客中,但是 Hexo 博客只能解析 Markdown,所以如何将 Jupyter Notebook 整合到 Hexo 博客中成了我的一大难题,经过几次的折腾,算是比较完美的解决了我的需求。

下面介绍我依次使用的方法

  • 将 Jupyter Notebook 转 Markdown 文件
  • 将 Jupyter Notebook 上传到 Github 上,然后通过 nbviewer.jupyter.org 查看,然后使用 iframe 插入到页面中
  • 将 Jupyter Notebook 转为 HTML,上传到 Github(Gitee),启动 Github(Gitee) Page 服务,通过 iframe 引入 HTML 页面进行插入

转为Markdown

image-20201027231653854

通过上图方法将 jupyter notebook 转为 Markdown,然后放在 _post 目录下即可。转换出来的 Markdown 文件肯定跟 notebook 中的样式有所不同的,所以还要花时间调一下,不过相比 Jupyter Notebook 还是很丑。

上传到Github

.ipynb 文件上传到 Github 中,然后复制文件在 Github 中的链接,例如

https://github.com/LastKnightCoder/numpy-note/blob/main/numpy%E5%85%A5%E9%97%A8.ipynb

然后打开 https://nbviewer.jupyter.org/

image-20201027234152241

然后回车,进入查看页面,复制该页面的链接

image-20201027234011702

然后在 Markdown 文件中使用 iframe 标签引用该链接,如

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值