diff --git a/doc/images/project_add.png b/doc/images/project_add.png
deleted file mode 100644
index 96f0232e..00000000
Binary files a/doc/images/project_add.png and /dev/null differ
diff --git a/doc/images/usage/project_add.png b/doc/images/usage/project_add.png
new file mode 100644
index 00000000..527bace4
Binary files /dev/null and b/doc/images/usage/project_add.png differ
diff --git a/doc/images/usage/project_add_panel.png b/doc/images/usage/project_add_panel.png
new file mode 100644
index 00000000..95bcacbd
Binary files /dev/null and b/doc/images/usage/project_add_panel.png differ
diff --git a/doc/images/usage/project_setting.png b/doc/images/usage/project_setting.png
new file mode 100644
index 00000000..86156078
Binary files /dev/null and b/doc/images/usage/project_setting.png differ
diff --git a/doc/images/usage/project_setting_logo.png b/doc/images/usage/project_setting_logo.png
new file mode 100644
index 00000000..96994136
Binary files /dev/null and b/doc/images/usage/project_setting_logo.png differ
diff --git a/doc/page/usage/project.md b/doc/page/usage/project.md
index 7af85c03..27d53cf2 100644
--- a/doc/page/usage/project.md
+++ b/doc/page/usage/project.md
@@ -1,3 +1,39 @@
 ## 新建项目
 
+点击右上角的 `+` 新建项目，进入新建项目页面。
+
+<img src="./images/usage/project_add.png" />
+
+在新建项目页，填写项目信息：
+
+> - 项目名称不允许重复，包括其他分组
+> - 基本路径为接口统一添加了前缀
+> - 新建项目页只列出了部分配置，其他详细配置(环境配置、项目图标等)需要进入项目页的“设置”面板进行配置。
+
+<img src="./images/usage/project_add_panel.png" />
+
 ## 修改项目
+
+在项目页点击上方的 `设置` Tab 进入项目设置面板，这个面板涵盖了项目的所有配置。
+
+<img src="./images/usage/project_setting.png" />
+
+这里比新建项目页面新增的功能如下：
+
+### 修改项目图标
+
+点击项目图标，可以修改图标及背景色：
+
+<img src="./images/usage/project_setting_logo.png" />
+
+### 配置环境
+
+点击项目图标，可以修改图标及背景色：
+
+<img src="./images/usage/project_setting_logo.png" />
+
+## 删除项目
+
+点击下方的删除按钮，输入项目名称进行删除。
+
+> 删除项目是高风险操作，因此 YApi 对这个操作进行了特别的约束。
diff --git a/static/doc/images/project_add.png b/static/doc/images/project_add.png
deleted file mode 100644
index 96f0232e..00000000
Binary files a/static/doc/images/project_add.png and /dev/null differ
diff --git a/static/doc/images/usage/project_add.png b/static/doc/images/usage/project_add.png
new file mode 100644
index 00000000..527bace4
Binary files /dev/null and b/static/doc/images/usage/project_add.png differ
diff --git a/static/doc/images/usage/project_add_panel.png b/static/doc/images/usage/project_add_panel.png
new file mode 100644
index 00000000..95bcacbd
Binary files /dev/null and b/static/doc/images/usage/project_add_panel.png differ
diff --git a/static/doc/images/usage/project_setting.png b/static/doc/images/usage/project_setting.png
new file mode 100644
index 00000000..86156078
Binary files /dev/null and b/static/doc/images/usage/project_setting.png differ
diff --git a/static/doc/images/usage/project_setting_logo.png b/static/doc/images/usage/project_setting_logo.png
new file mode 100644
index 00000000..96994136
Binary files /dev/null and b/static/doc/images/usage/project_setting_logo.png differ
diff --git a/static/doc/usage-项目操作.html b/static/doc/usage-项目操作.html
index 7579fdb3..9bae1e61 100644
--- a/static/doc/usage-项目操作.html
+++ b/static/doc/usage-项目操作.html
@@ -136,7 +136,22 @@
                     
                     <div class="content-right markdown-body use-sidebar" role="main">
 
-                         <h2 class="subject" id="新建项目">新建项目 <a class="hashlink" href="#新建项目">#</a></h2><h2 class="subject" id="修改项目">修改项目 <a class="hashlink" href="#修改项目">#</a></h2>
+                         <h2 class="subject" id="新建项目">新建项目 <a class="hashlink" href="#新建项目">#</a></h2><p>点击右上角的 <code>+</code> 新建项目，进入新建项目页面。</p>
+<p><img src="./images/usage/project_add.png" /></p>
+<p>在新建项目页，填写项目信息：</p>
+<blockquote>
+<ul>
+<li>项目名称不允许重复，包括其他分组</li><li>基本路径为接口统一添加了前缀</li><li>新建项目页只列出了部分配置，其他详细配置(环境配置、项目图标等)需要进入项目页的“设置”面板进行配置。</li></ul>
+</blockquote>
+<p><img src="./images/usage/project_add_panel.png" /></p>
+<h2 class="subject" id="修改项目">修改项目 <a class="hashlink" href="#修改项目">#</a></h2><p>在项目页点击上方的 <code>设置</code> Tab 进入项目设置面板，这个面板涵盖了项目的所有配置。</p>
+<p><img src="./images/usage/project_setting.png" /></p>
+<p>这里比新建项目页面新增的功能如下：</p>
+<h3 class="subject" id="修改项目图标">修改项目图标 <a class="hashlink" href="#修改项目图标">#</a></h3><p>点击项目图标，可以修改图标及背景色：</p>
+<p><img src="./images/usage/project_setting_logo.png" /></p>
+<h3 class="subject" id="配置环境">配置环境 <a class="hashlink" href="#配置环境">#</a></h3><p>点击项目图标，可以修改图标及背景色：</p>
+<p><img src="./images/usage/project_setting_logo.png" /></p>
+
                     </div>
                 </div>