## <font color="#FFD700"><i class="fa fa-trophy" aria-hidden="true"></i></font>
### 2022 iThome鐵人賽
### 小題大作的 30 個 HackMD技巧 <font color="#FFD700">#17</font>
# HackMD
## 簡報客製背景設定
----
## 進階用法：自訂單頁簡報樣式
----
### 設定單頁簡報背景
### `<!-- .slide: -->`
```
<!-- .slide: data-background="https://hackmd.io/_uploads/rkZ8MIjbi.png" -->
```
----
<!-- .slide: data-background="https://hackmd.io/_uploads/rkZ8MIjbi.png" -->
### 美美的背景
----
# 大腦在星爆.gif
<!-- .slide: data-background="https://hackmd.io/_uploads/rkVUwSoZi.gif" -->
----
<!--.slide:data-background-video="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" data-background-video-loop data-background-video-muted -->
:::warning
## <font color="#003366">背景嵌入影片</font>
```
<!--.slide:
data-background-video="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4"
data-background-video-loop
data-background-video-muted -->
```
:::
----
<!--.slide:data-background-iframe="https://hackmd.io/@wiimax/Bk0dCIiWs/edit"
data-background-interactive preloadIframes -->
:::danger
## <font color="#003366">沒事不要用滿版的背景iframe</font>
## <font color="#003366">太容易混淆有資安風險</font>
```
<!--.slide:data-background-iframe="https://hackmd.io/@wiimax/Bk0dCIiWs/edit"
data-background-interactive preloadIframes -->
```
:::
----
## [revealjs簡報DEMO](https://revealjs.com/demo/?parallaxBackgroundImage=https%3A%2F%2Fs3.amazonaws.com%2Fhakim-static%2Freveal-js%2Freveal-parallax-1.jpg¶llaxBackgroundSize=2100px%20900px)
----
<h2 class="r-fit-text">THANK YOU</h2>
{"metaMigratedAt":"2023-06-17T10:21:16.668Z","metaMigratedFrom":"Content","title":"HackMD","breaks":false,"contributors":"[{\"id\":\"16a0caa2-a39b-4d8d-b3f1-bac2f0b61a6d\",\"add\":1603,\"del\":29}]"}