In order to share (a static version of) your IPython / Jupyter notebook on your WordPress site, follow three straightforward steps.
Step 1: Let’s say your Jupyter Notebook looks like this:
Open this notebook in a text editor and copy the content which may look like so:
Step 2: Ctrl + A and Ctrl + C this content. Then Ctrl + V this to a GitHub Gist that you should create, like so:
Step 3: Now simply Create public gist and embed the gist like you always embed gists on WordPress, viz., go to the HTML editor and add like so:
I followed the exact steps that I’ve mentioned above to get the following result:
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Thanks for sharing. But I cannot make mine work. What embed code did you use? Is the one next to “Embed” button at gist.github?
Thanks
LikeLiked by 1 person
Outdated. You now just put the link directly without the tag business. You MUST add .ipynb to your Gist name for this to work.
LikeLiked by 2 people
how exactly can u elaborate ?
LikeLike
Check out my solution to this by using a WordPress plugin specifically for ipynb files from any host! Not just github.
http://www.andrewchallis.co.uk/category/php/nbconvert-a-wordpress-plugin/
I’ll make the plugin publicly free soon
LikeLike
[…] Adding Jupyter to WordPress: here. […]
LikeLike
[…] [/code] And there’s a slightly more involved process for jupyter notebooks described here, which I’ll get around to […]
LikeLike
[…] Anirudh 这篇博客,和 Mike […]
LikeLike
[…] Sharing IPython / Jupyter Notebooks via WordPress 쥬피터 노트북을 워드프레스에 올리는 방법 설명 페이지 준비물 GIST, Github GIST, Jupyter Notebook, 워드프레스, 쥬피터 노트북 […]
LikeLike
[…] I have actually implemented this on my blog. You can find the post here […]
LikeLike
Thanks so much, this really helped me properly format my post!
Link here if interested!
https://financialraddeveloper.com/2019/09/17/google-music-takeout/
LikeLiked by 1 person
Thanks very much. This was helpful
LikeLike
[…] I have actually implemented this on my blog. You can find the post here […]
LikeLike
[…] 我实际上已经在我的博客上实现了此功能。你可以在这里找到帖子 […]
LikeLike
[…] 실제로 이것을 내 블로그에 구현했습니다. 여기 에서 게시물을 찾을 수 […]
LikeLike
[…] I have actually implemented this on my blog. You can find the post here […]
LikeLike