使用 Hexo 展示 ipynb 文件是文章和代码笔记分开管理的最好方式,效果如下

这需要 hexo-jupyter-notebook 插件的支持

安装

1
$ npm install hexo-jupyter-notebook --save

安装依赖

1
2
$ brew install pandoc
$ pip install nbconvert

修改配置

打开 hexo 的配置文件 _config.yml,修改 post_asset_folder 为true

文章目录结构保持为

1
2
3
4
5
.
├── _posts
│   └── 2020-06-13-hexo-use-jupyter-notebook.md
└── notebook
└── locals.jpynb

文章嵌入

1
2
<script src="https://code.jquery.com/jquery-2.0.0.js"></script>
{% asset_jupyter /Users/wxnacy/.pyenv/shims/python ../../notebook/locales.ipynb %}

其中

/Users/wxnacy/.pyenv/shims/python 是当前环境 Python 脚本的路径
../../notebook/locales.ipynb*.ipynb 文件和当前文章的相对路径,这里必须是相对路径

现在预览文章即可看到效果

参考

03-16 10:17