在Wordpress中发布IPython Notebook

Question

在Wordpress中发布IPython Notebook

use*_*354 7 wordpress blogs ipython-notebook

我正在尝试将我的IPython笔记本转换为html文件,以便我可以将它放在我的wordpress博客上.我使用以下命令为笔记本生成一个html文件

ipython nbconvert notebook.ipynb

Run Code Online (Sandbox Code Playgroud)

然后我复制了html代码并将其粘贴到"文本"选项卡中.由此产生的博客文章看起来像ipython笔记本,但问题是降价方程式没有出现,标题看起来很奇怪.有没有人成功地在wordpress博客文章中成功显示了一个IPython笔记本？如果是这样,怎么样？

Answer 1

Pie*_* H. 5

在2013年11月的博客文章http://www.josephhardinee.com/blog/?p=46中,作者快速完成了转换过程.

他提到需要安装Simple Mathjax插件才能使方程显示工作.

现在,我已经测试过在我自己托管的Wordpress博客上工作:

复制粘贴nbconvert的html输出(仅限<body>标记内的内容)在"文本"选项卡中.
禁用Worpress html代码解析,否则图像不显示(如博客文章中所述).请参阅下面的两种可能的方法.
激活Mathjax:使用插件或在后置代码中手动激活

Mathjax与插件

我没有测试过这个Simple Mathjax插件,但我认为LaTeX for WordPress它对我有用.

手动Mathjax激活

从nbconvert复制粘贴输出<script>激活Mathjax 的两个标记:

1)加载库:

<script src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" type="text/javascript"></script>

Run Code Online (Sandbox Code Playgroud)

2)启动它:

<script type="text/javascript">
init_mathjax = function() {
    if (window.MathJax) {
        // MathJax loaded
        MathJax.Hub.Config({
            tex2jax: {
                inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
            },
            displayAlign: 'left', // Change this to 'center' to center equations.
            "HTML-CSS": {
                styles: {'.MathJax_Display': {"margin": 0}}
            }
        });
        MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
    }
}
init_mathjax();
</script>

Run Code Online (Sandbox Code Playgroud)

禁用代码HTML解析

该博客建议激活PS禁用自动格式化插件,使笔记本图像工作.我已经成功测试了它,但它有一个缺点:它弄乱了所有其他帖子的渲染......这是一个相当大的问题!

我已经测试了Raw HTML插件,它支持每个帖子的调整.我通过选择Disable automatic paragraphs选项使图像工作(插件在帖子编辑器中创建一个新框).

剩下的问题:

虽然使用这种方法笔记本应该可以正常显示,但仍然可以使代码单元的语法高亮显示正确显示.但是,Python源代码已经由CodeMirror解析,因此它应该只是加载适当的CSS代码.

归档时间：	11 年，11 月前
查看次数：	3509 次
最近记录：	10 年，10 月前