## <font color="#FFD700"><i class="fa fa-trophy" aria-hidden="true"></i></font> ### 2022 iThome鐵人賽 ### 小題大作的 30 個 HackMD技巧 <font color="#FFD700">#19</font> # HackMD ## `{}`內嵌筆記 ---- ## 輸入`{}`會出現嵌入選項  ---- ## 可嵌入類型DEMO - PDF - Figma - Gist - Speakerdeck - Slidesure - Vimeo - Youtube ---- ## [嵌入DEMO](https://hackmd.io/8I6h0XrKTUyZC0YAtOnleA) ### 包含`{}`嵌入與`<iframe>`嵌入 記得點上方DEMO來看 (iframe太多在簡報容易崩潰) ---- ## Adobe 的 Figma ``` https://www.figma.com/file/PNxLYmeFKvZz9G7DEwnI0o/Untitled?node-id=0%3A1 {%figma https://www.figma.com/file/PNxLYmeFKvZz9G7DEwnI0o/Untitled?node-id=0%3A1 %} ``` ---- ## Gist ``` https://gist.github.com/willismax/2838f065f9b29099ea48a46afafb2216 {%gist 2838f065f9b29099ea48a46afafb2216 %} ``` ---- ## PDF ``` https://doggy8088.github.io/A-Whirlwind-Tour-of-Python-zh-tw/ {%pdf https://doggy8088.github.io/A-Whirlwind-Tour-of-Python-zh-tw/ %} ``` ---- ## Youtube ``` https://www.youtube.com/watch?v=GOP4G21aNIg {%youtube GOP4G21aNIg %} ``` ---- ## HackMD ``` //分享連結 https://hackmd.io/@wiimax/intro-hackmd-17 - {%hackmd /@wiimax/intro-hackmd-017 %} //編輯連結 https://hackmd.io/i0LbXWybTTapFgAPEZbO9w - {%hackmd /@wiimax/i0LbXWybTTapFgAPEZbO9w %} ``` ---- ## 嵌入 `{HackMD}` 注意事項 - 不要嘗試貼自己本身的連結，無窮迴圈會拖累效能。 ---- ## `{}`與`<iframe>`最大差異 - `{}`嵌入有優化 - `<iframe>`嵌入，部分JS失效 - `<iframe>`嵌入非常占用記憶體資源 ---- <h2 class="r-fit-text">THANK YOU</h2>