已复制
全屏展示
复制代码

安装 jupyter notebook 并将其嵌入iframe


· 1 min read

一. 安装 jupyter notebook

  • 使用conda安装
# 假定你已经安装完 conda 了
conda create -n jupyter
conda activate jupyter
conda install notebook
  • 使用virtualenv
virtualenv venv
source venv/bin/activate
pip install notebook

二. 配置 jupyter notebook

下面的配置主要包括:

  • 配置根目录
  • 配置 allow origin 即允许嵌入iframe
  • 配置监听端口和ip地址
  • 启动后是否自动浏览器打开地址

vim ~/tmpy/notebook_config.py

c = get_config()
c.FileContentsManager.root_dir = '/Users/yzy/tmpy'
c.NotebookApp.allow_origin = '*'
c.NotebookApp.disable_check_xsrf = True
c.NotebookApp.token = 'adec044'
c.NotebookApp.tornado_settings = { 'headers': { 'Content-Security-Policy': "frame-ancestors self *" } }
c.NotebookApp.allow_root = True
c.NotebookApp.ip = '*'
c.NotebookApp.allow_remote_access = True
c.NotebookApp.port = 8888
c.NotebookApp.open_browser = False

三. 启动 jupyter notebook

# 进入虚拟环境
# source venv/bin/activate
# 或
# conda activate jupyter

jupyter notebook --config=~/tmpy/notebook_config.py

四. 嵌入 iframe 中

vim 1.html ,然后把 1.html 文件放到一个web服务器目录,我放到了 3000端口的一个web服务目录下

<!DOCTYPE html>
<html>

<head>
</head>

<body>
    <div style="width: 1000px; height: 800px;">
        <iframe src="http://192.168.0.248:8888/" width="100%" height="100%">
        </iframe>
    </div>
</body>

</html>

查看效果

🔗

文章推荐