## <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" -->
----
![](https://hackmd.io/_uploads/H1S1oTtfo.png)
----
## 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>
{"metaMigratedAt":"2023-06-17T11:01:56.521Z","metaMigratedFrom":"Content","title":"HackMD","breaks":false,"contributors":"[{\"id\":\"16a0caa2-a39b-4d8d-b3f1-bac2f0b61a6d\",\"add\":1419,\"del\":0}]"}