diff --git a/README.md b/README.md
index 775aca4707..fe4bea4b73 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@ English | 简体中文
It reaches my proxy's speed limit, and the **speed depends on whether you are a premium**
-![](img/preview.gif)
+![](docs/assets/img/preview.gif)
## Documentation
diff --git a/README_zh.md b/README_zh.md
index 8e8a2eef2b..09b724d5d9 100644
--- a/README_zh.md
+++ b/README_zh.md
@@ -35,7 +35,7 @@
预览中的速度已经达到了代理的限制,同时**速度取决于你是否是付费用户**
-![](img/preview.gif)
+![](docs/assets/img/preview.gif)
## 文档
diff --git a/docs/content/en/img/preview.gif b/docs/assets/img/preview.gif
similarity index 100%
rename from docs/content/en/img/preview.gif
rename to docs/assets/img/preview.gif
diff --git a/docs/content/en/_index.md b/docs/content/en/_index.md
index 9fa09bf75c..d8c373875c 100644
--- a/docs/content/en/_index.md
+++ b/docs/content/en/_index.md
@@ -27,7 +27,7 @@ title: Introduction
It reaches my proxy's speed limit, and the **speed depends on whether you are a premium**
-![](/img/preview.gif)
+{{< image "img/preview.gif" >}}
## Sponsors
diff --git a/docs/content/zh/_index.md b/docs/content/zh/_index.md
index e7096a7781..08ea697a6e 100644
--- a/docs/content/zh/_index.md
+++ b/docs/content/zh/_index.md
@@ -27,7 +27,7 @@ title: 介绍
预览中的速度已经达到了代理的限制,同时**速度取决于你是否是付费用户**
-![](/img/preview.gif)
+{{< image "img/preview.gif" >}}
## 赞助者
diff --git a/docs/content/zh/img/preview.gif b/docs/content/zh/img/preview.gif
deleted file mode 100644
index 4cb0d1b3a2..0000000000
Binary files a/docs/content/zh/img/preview.gif and /dev/null differ
diff --git a/docs/layouts/shortcodes/image.html b/docs/layouts/shortcodes/image.html
new file mode 100644
index 0000000000..8eff82fe4c
--- /dev/null
+++ b/docs/layouts/shortcodes/image.html
@@ -0,0 +1,4 @@
+{{ $file := .Get 0 }}
+{{ with resources.Get $file }}
+
+{{ end }}
diff --git a/img/preview.gif b/img/preview.gif
deleted file mode 100644
index 4cb0d1b3a2..0000000000
Binary files a/img/preview.gif and /dev/null differ