diff --git a/README.cn.md b/README.cn.md
index 9cd06453..89396580 100644
--- a/README.cn.md
+++ b/README.cn.md
@@ -377,4 +377,20 @@ markdown_it_plus:
 ```
 title: Hello World
 mathjax: true
-```
\ No newline at end of file
+```
+
+###  安装 mermaid 插件 [hexo-filter-mermaid-diagrams](https://github.com/webappdevelp/hexo-filter-mermaid-diagrams)
+
+Install dependencies.
+```
+yarn add hexo-filter-mermaid-diagrams
+```
+
+
+To enable mermaid plugin, just add following lines to your `_config.yaml`
+```
+mermaid:
+    enable: true
+```
+
+See [mermaid.js](https://mermaidjs.github.io/) for more details about mermaid.
diff --git a/README.md b/README.md
index f9c959c5..783a180a 100644
--- a/README.md
+++ b/README.md
@@ -182,3 +182,18 @@ title: Hello World
 mathjax: true
 ```
 
+### [hexo-filter-mermaid-diagrams](https://github.com/webappdevelp/hexo-filter-mermaid-diagrams)
+
+Install dependencies.
+```
+yarn add hexo-filter-mermaid-diagrams
+```
+
+
+To enable mermaid plugin, just add following lines to your `_config.yaml`
+```
+mermaid:
+    enable: true
+```
+
+See [mermaid.js](https://mermaidjs.github.io/) for more details about mermaid.
diff --git a/layout/_common/footer.ejs b/layout/_common/footer.ejs
index b53bfa7e..78bb4da9 100644
--- a/layout/_common/footer.ejs
+++ b/layout/_common/footer.ejs
@@ -8,4 +8,13 @@
         	<%= __('copyright.theme_by') %> <a href="https://github.com/cofess" target="_blank"> cofess </a><%= __('copyright.base_on') %> <a href="https://github.com/cofess/hexo-theme-pure" target="_blank">pure</a>.
         </div>
     </div>
-</footer>
\ No newline at end of file
+    <% if (theme.mermaid.enable) { %>
+        <script src='https://unpkg.com/mermaid@<%= theme.mermaid.version %>/dist/mermaid.min.js'></script>
+        <script>
+            if (window.mermaid) {
+              mermaid.initialize({theme: 'forest'});
+            }
+        </script>
+    <% } %>
+
+</footer>