diff --git a/README.md b/README.md
index ce45b2b6..2428c5e4 100644
--- a/README.md
+++ b/README.md
@@ -46,6 +46,17 @@
 **🕸  网址美观、搜索引擎优化**
 - 更多特性、欢迎移步[我的博客](https://tangly1024.com/article/notion-next)查看
 
+## 主题样式
+
+![Next Theme](/docs/theme-next.png)
+
+![Hexo Theme](/docs/theme-hexo.png)
+
+![Medium Theme](/docs/theme-medium.png)
+
+![Fukasawa Theme](/docs/theme-fukasawa.png)
+
+
 ## 更新日志
 请移步 [更新文档](https://docs.tangly1024.com/zh/changelog)查看
 
@@ -83,9 +94,6 @@ yarn run start # 本地启动NextJS服务
 - **评论**: Gitalk, Cusdis, Utterances
 - **图标**：[fontawesome](https://fontawesome.com/v5.15/icons?d=gallery)
 
-## 页面样式主题
-正在开发中..将支持配置文件切换主题
-
 ## License
 
 The MIT License.
diff --git a/docs/screenshot-fukasawa.png b/docs/screenshot-fukasawa.png
deleted file mode 100644
index ab947eb4..00000000
Binary files a/docs/screenshot-fukasawa.png and /dev/null differ
diff --git a/docs/screenshot-youtube.png b/docs/screenshot-youtube.png
deleted file mode 100644
index ff631d86..00000000
Binary files a/docs/screenshot-youtube.png and /dev/null differ
diff --git a/docs/theme-fukasawa.png b/docs/theme-fukasawa.png
new file mode 100755
index 00000000..f0a0927f
Binary files /dev/null and b/docs/theme-fukasawa.png differ
diff --git a/docs/theme-hexo.png b/docs/theme-hexo.png
new file mode 100755
index 00000000..7021ee34
Binary files /dev/null and b/docs/theme-hexo.png differ
diff --git a/docs/theme-medium.png b/docs/theme-medium.png
new file mode 100755
index 00000000..ef22c9f6
Binary files /dev/null and b/docs/theme-medium.png differ
diff --git a/docs/theme-next.png b/docs/theme-next.png
new file mode 100755
index 00000000..e1bb59f0
Binary files /dev/null and b/docs/theme-next.png differ