## <font color="#FFD700"><i class="fa fa-trophy" aria-hidden="true"></i></font> ### 2022 iThome鐵人賽 ### 小題大作的 30 個 HackMD技巧 <font color="#FFD700">#23</font> # HackMD ## 嵌入 Colab with Gist ---- ## Colab Google 的應用之一，可在瀏覽器中編寫及執行 Python 程式碼 ---- ## Colab優點 - 不必進行任何設定<!-- .element: class="fragment" data-fragment-index="1" --> - 免付費使用 <!-- .element: class="fragment" data-fragment-index="2" --> - 輕鬆共用<!-- .element: class="fragment" data-fragment-index="3" --> ---- ## Colab 存放地點 - 在 Google 雲端硬碟儲存<!-- .element: class="fragment" data-fragment-index="1" --> - 在 GitHub Gist 儲存<!-- .element: class="fragment" data-fragment-index="2" --> - 在 GitHub 儲存<!-- .element: class="fragment" data-fragment-index="3" --> - 在本機儲存為.ipynb<!-- .element: class="fragment" data-fragment-index="4" --> - 在本機儲存為.py<!-- .element: class="fragment" data-fragment-index="5" --> ----  ---- ## Colab 不能用`<iframe>` 嵌入 ---- ## 哪種方法可以 HackMD ## 結合 Colab ? ---- ## 方法一 ## [分享超連結](https://colab.research.google.com/gist/willismax/171dccff8e7ade253ea6ddad3ae262d4/-qrcode.ipynb) ---- ## 方法二 ## [存至Gist以`{}`內嵌Colab](https://gist.github.com/willismax/171dccff8e7ade253ea6ddad3ae262d4) ---- ``` {%gist 171dccff8e7ade253ea6ddad3ae262d4 %} ```` ---- ## 結合`:::spoiler`切換展示效果 ``` :::spoiler {%gist 171dccff8e7ade253ea6ddad3ae262d4 %} ::: ``` ---- <h2 class="r-fit-text">THANK YOU</h2>