为wp博客添加html网页,WP——在博客(wordpress)中嵌入jupyter notebook

安装raw-html插件，通过iframe标签，嵌入jupyter notebook

步骤：

1.在wordpress中安装raw_html插件，并在设置中启用(raw可防止wordpress干扰代码)。

2.1将jupyter notebook 下载为html格式的文件。

2.2 上传到服务器中，要求能用域名直接访问。(最好放在wordpress相同区域的文件件夹中)

3.1 在wordpress页面中，插入Html标签，并写入如下代码：

将URL_OF_NOTEBOOK替换为2.2的网址https://www.dotomui.com/***.html

[raw]

function resizeIframe(ifrm) {

ifrm.style.height = ifrm.contentWindow.document.body.scrollHeight + 'px';

// Setting the width here, or setting overflowX to "hidden" as above both

// work for this page. It may be that one turns out to be better.

ifrm.style.width = ifrm.contentWindow.document.body.scrollWidth + 'px';

}

function onLoad() {

var ifrm = document.getElementById('ipython_notebook_frame');

setTimeout(resizeIframe, 0, ifrm);

}

// By deleting and reinstating the iframe src, and by using setTimeout

// rather than resizing directly we convince Safari to render the

// page. See http://www.bitsofbits.com/wp-content/uploads/2015/01/custom.css

var iframe = document.getElementById('ipython_notebook_frame');

iframe.onload = onLoad;

var iSrc = iframe.src;

iframe.src = '';

iframe.src = iSrc;

[/raw]

4.最后效果如下所示：

为wp博客添加html网页,WP——在博客(wordpress)中嵌入jupyter notebook相关推荐

自定义notebook扩展插件_Anaconda3中的Jupyter notebook添加扩展插件
学习python和人工智能的相关课程时安装了Anaconda3,想在Jupyter notebook中归纳整理笔记,为了方便日后查找想安装目录(Table of Contents, TOC)插件,查找 ...
为wp博客添加html网页,WordPress博客添加B站追番页面
Mashiro大佬博客也有追番页面,但是基于 Bangumi api 的太麻烦了,于是基于B站API写了一个追番页面模版,此模板理论适用于所有 WordPress 主题,但我只做了 Sakura 主题 ...
如何使WordPress博客添加多个sidebar侧边栏
https://www.cnblogs.com/lydbk/p/4609736.html 如何使WordPress博客添加多个sidebar侧边栏在制作wordpress模版的时候,也许你会遇到一个 ...
wordpress模板_如何在WordPress中添加漂亮的电子邮件模板
wordpress模板 Do you want to change the appearance of emails sent by your WordPress site? By default, ...
如何在WordPress中添加SEO关键词和元描述
您是否想要在WordPress中正确添加SEO关键词(Meta Keywords)和元描述(Meta Description)? 元关键词和描述使您可以提高网站的SEO排名.这意味着您的业务会有更多的 ...
wordpress谷歌字体_如何在WordPress中添加Google Maps
wordpress谷歌字体 You can add all kind of content into your WordPress site. At WPBeginner we have shown ...
为jupyter notebook添加目录(Jupyter安装拓展nbextensions)
为jupyter notebook添加目录 (Jupyter安装拓展nbextensions) 目录一.前言二.为jupyter notebook添加目录三.总结四.可能有的疑问一.前言相 ...
给你的网页添加看板娘（以给博客园博客添加看板娘为例）（保姆级图文）
步骤系列文章前言 1.下载看板娘资源 2.上传资源到文件 3.在设置中调用资源 4.看看效果总结系列文章提示:转到日常小技巧专栏,观看更多内容! 点我直达–>日常小技巧专栏前言给你 ...
wordpress添加媒体_如何向您的WordPress博客添加表情符号支持
wordpress添加媒体 Emojis are fun and cute. They allow you to express yourself without using too many wor ...

为wp博客添加html网页,WP——在博客(wordpress)中嵌入jupyter notebook

为wp博客添加html网页,WP——在博客(wordpress)中嵌入jupyter notebook相关推荐

最新文章

热门文章