diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml
index d81bfc3ad7..fe62d8cf84 100644
--- a/.github/workflows/deploy.yaml
+++ b/.github/workflows/deploy.yaml
@@ -2,7 +2,7 @@ name: Publish docs via GitHub Pages
 on:
   push:
     branches:
-      - master
+      - v3.1.0
 
 jobs:
   deploy:
@@ -35,9 +35,11 @@ jobs:
       - name: mike list delete
         run: |
           mike list
-      - name: Mike Deploy master
+      - name: Mike Deploy 3.1.0
         run: |
-          mike deploy master -p --rebase
+          #mike delete v3.1.0 -p
+          mike deploy 3.1.0 -p --rebase
+          # mike set-default 3.1.0 -p --rebase
           mike list
       - name: show git branch
         run: | 
@@ -45,7 +47,7 @@ jobs:
           git checkout gh-pages
       - name: Compress
         run: |
-          tar -vczf nebula-docs.tar.gz master versions.json *.html
+          tar -vczf nebula-docs.tar.gz 3.1.0 versions.json *.html
           
       - name: Transfer
         # uses: garygrossgarten/github-action-scp@release
@@ -68,6 +70,9 @@ jobs:
           script: |
             mkdir -p /usr/web/nebula-docs/
             tar -xzf /usr/web/nebula-docs.tar.gz -C /usr/web/nebula-docs/
+            mkdir -p /usr/web/nebula-docs/site/pdf/
+            cp -f /usr/web/nebula-docs/3.1.0/pdf/NebulaGraph-CN.pdf /usr/web/nebula-docs/site/pdf/NebulaGraph-book.pdf
+            
 #            pip3 install --upgrade pip
 #            pip3 install -r /usr/web/nebula-docs/requirement.txt
       # - name: Deploy
diff --git a/docs-2.0/stylesheets/extra.css b/docs-2.0/stylesheets/extra.css
index e4dd0fc797..c819f699e1 100644
--- a/docs-2.0/stylesheets/extra.css
+++ b/docs-2.0/stylesheets/extra.css
@@ -10,8 +10,8 @@
 
 /* nebula 白天主题色 */
 [data-md-color-scheme="nebula"]{
-  --md-primary-fg-color: #002FA7; /* 导航栏页面颜色 */
-  --md-accent-fg-color: #00FFFF; /* 选中/悬浮颜色 */
+  --md-primary-fg-color: #A3D49C; /* 导航栏页面颜色 */
+  --md-accent-fg-color: #EA618E; /* 选中/悬浮颜色 */
 
   --md-code-fg-color:  rgb(12, 21, 26); /* 代码段字体色 */
   --md-code-bg-color:  #eaebec;/* 代码段背景色 */
diff --git a/mkdocs.yml b/mkdocs.yml
index deedecab59..98545d4292 100755
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -20,15 +20,11 @@ theme:
   favicon: 'assets/images/favicon.ico'
   # Change color in `stylesheets > extra.css`
   palette:
-    - scheme: default
-      primary: teal
-      accent: light green
+    - scheme: nebula
       toggle:
         icon: material/toggle-switch-off-outline
         name: Switch to dark mode
     - scheme: slate
-      primary: deep orange
-      accent: red
       toggle:
         icon: material/toggle-switch
         name: Switch to light mode
@@ -93,8 +89,6 @@ extra:
   dockercompose:
     release: 3.1.0
     branch: release-3.1
-  common:
-    release: 2.5.0
   dashboard:
     release: 3.0.0
     base100: 1.0.0
diff --git a/overrides/partials/header.html b/overrides/partials/header.html
deleted file mode 100644
index 023ed66359..0000000000
--- a/overrides/partials/header.html
+++ /dev/null
@@ -1,100 +0,0 @@
-{#-
-    This file was automatically generated - do not edit
-  -#}
-  <header class="md-header" data-md-component="header">
-    <div id="dialog-bg"></div>
-    <div id="banner" style="width: 100%;display:flex;height: 35px;justify-content:center;align-items:center;background-color:#FFE45E;font-size:15px;font-weight: 400;color: #000000;">
-      该版本文档对应尚未发布的Nebula Graph开发版本。如需了解已发布版本，请查看
-      <a href="https://docs.nebula-graph.com.cn/" style="font-weight: 500;text-decoration:underline;">文档</a>。
-      <a id="delete" style="margin-left: 20px;cursor: pointer;">&#10006</a>
-    </div>
-    <nav class="md-header__inner md-grid" aria-label="{{ lang.t('header.title') }}">
-      <a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" title="{{ config.site_name | e }}" class="md-header__button md-logo" aria-label="{{ config.site_name }}" data-md-component="logo">
-        {% include "partials/logo.html" %}
-      </a>
-      <label class="md-header__button md-icon" for="__drawer">
-        {% include ".icons/material/menu" ~ ".svg" %}
-      </label>
-      <div class="md-header__title" data-md-component="header-title">
-        <div class="md-header__ellipsis">
-          <div class="md-header__topic">
-            <span class="md-ellipsis">
-              {{ config.site_name }}
-            </span>
-          </div>
-          <div class="md-header__topic" data-md-component="header-topic">
-            <span class="md-ellipsis">
-              {% if page and page.meta and page.meta.title %}
-                {{ page.meta.title }}
-              {% else %}
-                {{ page.title }}
-              {% endif %}
-            </span>
-          </div>
-        </div>
-      </div>
-      {% if not config.theme.palette is mapping %}
-        <form class="md-header__option" data-md-component="palette">
-          {% for option in config.theme.palette %}
-            {% set primary = option.primary | replace(" ", "-") | lower %}
-            {% set accent  = option.accent  | replace(" ", "-") | lower %}
-            <input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ option.scheme }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}" type="radio" name="__palette" id="__palette_{{ loop.index }}">
-            {% if option.toggle %}
-              <label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
-                {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
-              </label>
-            {% endif %}
-          {% endfor %}
-        </form>
-      {% endif %}
-      {% if config.extra.alternate %}
-        <div class="md-header__option">
-          <div class="md-select">
-            {% set icon = config.theme.icon.alternate or "material/translate" %}
-            <button class="md-header__button md-icon">
-              {% include ".icons/" ~ icon ~ ".svg" %}
-            </button>
-            <div class="md-select__inner">
-              <ul class="md-select__list">
-                {% for alt in config.extra.alternate %}
-                  <li class="md-select__item">
-                    <a href="{{ alt.link | url }}" hreflang="{{ alt.lang }}" class="md-select__link">
-                      {{ alt.name }}
-                    </a>
-                  </li>
-                  {% endfor %}
-              </ul>
-            </div>
-          </div>
-        </div>
-      {% endif %}
-      {% if "search" in config["plugins"] %}
-        <label class="md-header__button md-icon" for="__search">
-          {% include ".icons/material/magnify.svg" %}
-        </label>
-        {% include "partials/search.html" %}
-      {% endif %}
-      {% if config.repo_url %}
-        <div class="md-header__source">
-          {% include "partials/source.html" %}
-        </div>
-      {% endif %}
-    </nav>
-  </header>
-  <script>
-    var symbol = document.getElementById("delete");
-    var banner = document.getElementById("banner");
-    symbol.addEventListener("click",function(){
-      banner.style.display = "none";
-    })
-    window.onload = function(){
-      var hidden = document.getElementsByClassName("md-nav__item");
-      var hiddenlabel = [...(hidden)]
-      for(i=0;i<hidden.length;i++){
-        var link = hidden[i].getElementsByClassName("md-nav__link")
-        if(link[0].innerHTML.replace(/\s+/g,"") == ""){
-          hidden.item(i).style.display = "none"
-        }
-      }
-    }
-  </script>
\ No newline at end of file