diff --git a/README-CN.MD b/README-CN.MD
index b79e025..8b7c18e 100644
--- a/README-CN.MD
+++ b/README-CN.MD
@@ -14,10 +14,11 @@
 它具备了博客网站的一切基本功能：标签分类、编写、评论、标题列表等。
 
 ![Home Page](./docs/preview1.png)
-![Reader Page](./docs/preview3.png)
 
 它是一个响应式的网站，对市场上大多数不同尺寸的屏幕都有良好的支持。无论是手机、平板电脑、便携小尺寸电脑等，都能在上面轻松阅读网站内容。
 
+![Reader Page](./docs/preview3.png)
+
 | Home Page In Mobile              | Reader Page In Mobile            |
 | -------------------------------- | -------------------------------- |
 | <img src="./docs/preview2.png"/> | <img src="./docs/preview4.png"/> |
diff --git a/README.MD b/README.MD
index bd4cdd9..b311098 100644
--- a/README.MD
+++ b/README.MD
@@ -14,10 +14,11 @@ This is a sleek and efficient web blog project, built with Next.js + MDX + Tailw
 It has all the basic functions of a blog website: tag classification, writing, comments, title list, etc.
 
 ![Home Page](./docs/preview1.png)
-![Reader Page](./docs/preview3.png)
 
 It is a responsive website with good support for most different screen sizes available in the market. Whether it is a mobile phone, tablet, portable small-sized computer, etc., you can easily read website content on it.
 
+![Reader Page](./docs/preview3.png)
+
 | Home Page In Mobile              | Reader Page In Mobile            |
 | -------------------------------- | -------------------------------- |
 | <img src="./docs/preview2.png"/> | <img src="./docs/preview4.png"/> |
diff --git a/docs/preview1.png b/docs/preview1.png
index b76f1a1..4b30a5a 100644
Binary files a/docs/preview1.png and b/docs/preview1.png differ
diff --git a/docs/preview2.png b/docs/preview2.png
index 54b3977..3e2e52b 100644
Binary files a/docs/preview2.png and b/docs/preview2.png differ
diff --git a/docs/preview3.png b/docs/preview3.png
index 1429e6c..717684a 100644
Binary files a/docs/preview3.png and b/docs/preview3.png differ
diff --git a/docs/preview4.png b/docs/preview4.png
index 16ed8f3..023faec 100644
Binary files a/docs/preview4.png and b/docs/preview4.png differ