diff --git a/README.md b/README.md
index 87250b14..21836591 100644
--- a/README.md
+++ b/README.md
@@ -92,6 +92,14 @@
 
 如果想要提交一个仓库现在还没有的全新内容，可以先将相应的文档放到 other 目录下。
 
+#### 交流群
+
+面向用户：正在找工作，以及已经工作并且想持续学习的小伙伴。
+
+你能得到什么：这是一个实时学习交流平台，这个平台旨在建立一个一起努力和成长的氛围。在这里你可以提问在学习或求职过程中遇到的疑惑，能够得到群主以及不同人的回答以及建议。也会带你走进不止于技术的程序世界。
+
+<img src="https://github.com/CyC2018/CS-Notes/raw/master/other/group1.png" width="200px">
+
 #### 面试专栏
 
 考虑到本仓库的内容已经非常多了，但是笔者又想写一些面试相关的内容，很难将这些内容添加到仓库中，因此新开了一个专门针对面试的专栏。该专栏不仅会新增一些面试必备知识，也会对本仓库已有内容做梳理，使得这些内容更适合作为面试资料。
@@ -102,14 +110,6 @@
 
 [🔎](https://github.com/CyC2018/Job-Recommend)
 
-#### 交流群
-
-面向用户：正在找工作，以及已经工作并且想持续学习的小伙伴。
-
-你能得到什么：这是一个实时学习交流平台，这个平台旨在建立一个一起努力和成长的氛围。在这里你可以提问在学习或求职过程中遇到的疑惑，能够得到群主以及不同人的回答以及建议。也会带你走进不止于技术的程序世界。
-
-<img src="https://github.com/CyC2018/CS-Notes/raw/master/other/group1.png" width="200px">
-
 #### 排版
 
 笔记内容按照 [中文文案排版指北](https://mazhuang.org/wiki/chinese-copywriting-guidelines/) 进行排版，以保证内容的可读性。笔记不使用 `![]()` 这种方式来引用图片，而是用 `<img>` 标签。一方面是为了能够控制图片以合适的大小显示，另一方面是因为 GFM 不支持 `<center> ![]() </center>` 让图片居中显示，只能使用 `<div align="center"> <img src=""/> </div>` 达到居中的效果。笔者将自己实现的文档排版功能提取出来，放在 Github Page 中，无需下载安装即可免费使用：[Text-Typesetting](https://github.com/CyC2018/Markdown-Typesetting)。