程式碼內嵌網站

 

好用的程式碼內嵌網站

https://hilite.me/

nbviewer + Blogger 內嵌 iframe

1.把 ipynb 放到可公開的地方（最常見：GitHub）

新增 repo 或用現有 repo

上傳 xxx.ipynb

確保 repo 是 Public（或至少該檔案可公開讀）

到 gist.github.com 建立 Public gist，把 xxx.ipynb 拖拉進去上傳，並確保檔名結尾

是 .ipynb（不要變成 .txt）。

2.用 nbviewer 產生可展示網址

到 nbviewer（nbviewer.jupyter.org / nbviewer.org），貼上你的 Gist URL 或 Gist ID 就會

產生可分享的渲染頁。nbviewer 支援直接輸入 Gist。

到 nbviewer（搜尋 “nbviewer”）貼上你的 GitHub ipynb 連結

產生一個 nbviewer 頁面（網址會像 https://nbviewer.org/...）

nbviewer 的網址常見長相會像：

https://nbviewer.org/gist/<username>/<gist_id>（有時也會帶檔名）

3.在 Blogger 文章內嵌

Blogger → 寫文章

切到「HTML 檢視」（不是「撰寫」）

貼上 iframe：

<iframe

  src="https://nbviewer.org/url/你的ipynb對應的公開網址"

  width="100%"

  height="900"

  style="border:0;"

  loading="lazy"

></iframe>