diff --git a/mkdocs.yml b/mkdocs.yml
index 95b6dc189f2..f9fabca41ad 100755
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -13,9 +13,9 @@ edit_uri: 'edit/v3.1.0/docs-2.0/'
 
 theme:
     name: material
-    custom_dir: material 
+    custom_dir: overrides
     logo: 'https://cloud-cdn.nebula-graph.com.cn/vesoft-nebula-logo-white.png'
-    favicon: 'icon/favicon.ico'
+    favicon: 'assets/images/favicon.ico'
     palette:
       - scheme: nebula
         toggle:
diff --git a/overrides/404.html b/overrides/404.html
new file mode 100644
index 00000000000..f1a4be591d7
--- /dev/null
+++ b/overrides/404.html
@@ -0,0 +1,15 @@
+  
+{#-
+    This file was automatically generated - do not edit
+  -#}
+  {% extends "main.html" %}
+  {% block content %}
+    <h2>Sorry, the page is invalid...</h2>
+    
+    <p>Click the edit button in the upper right corner of the <a href="javascript:history.back(-1)">original document</a> to fix the invalid link and become a contributor.</p>
+    <p>You can also:</p>
+    <p><a href="https://github.com/vesoft-inc/nebula-docs-cn/issues/new">Submit an issue</a> about the invalid link.</p>
+    <p>Return to <a href="javascript:history.back(-1)">the previous page</a>.</p>
+    <p>Return to <a href="/">the home page</a>.</p>
+  {% endblock %}
+  {% block disqus %}{% endblock %}
diff --git a/overrides/content.html b/overrides/content.html
new file mode 100644
index 00000000000..43f60b20421
--- /dev/null
+++ b/overrides/content.html
@@ -0,0 +1,16 @@
+<!-- Overwrites content.html base mkdocs theme, taken from 
+https://github.com/mkdocs/mkdocs/blob/master/mkdocs/themes/mkdocs/content.html -->
+
+{% if page.meta.source %}
+    <div class="source-links">
+    {% for filename in page.meta.source %}
+        <span class="label label-primary">{{ filename }}</span>
+    {% endfor %}
+    </div>
+{% endif %}
+
+{{ page.content }}
+
+{% if page.meta.git_revision_date_localized %}
+    <small>Last update: {{ page.meta.git_revision_date_localized }}</small>
+{% endif %}