安裝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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。