diff --git a/docs/css/style.css b/docs/css/style.css
index 98e3b47..300a8cb 100644
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -128,3 +128,10 @@ var {
     font-family: "Courier New", Courier, monospace;
     color: #227;
 }
+
+img.patreon {
+	border: none;
+	display: inline-block;
+	max-height: 13px;
+	margin-bottom: 2px;
+}
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index 166d31b..6960e38 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -2,6 +2,8 @@
 
 欢迎来到OpenGL的世界。这个工程只是我([JoeyDeVries](http://joeydevries.com/))的一次小小的尝试，希望能够建立起一个完善的OpenGL教学平台。无论你学习OpenGL是为了学业，找工作，或仅仅是因为兴趣，这个网站都将能够教会你**现代**(Core-profile) OpenGL的基础，中级，以及高级知识。LearnOpenGL的目标是使用易于理解的形式，使用清晰的例子，展现现代OpenGL的所有知识点，与此同时为以后的学习提供有用的参考。
 
+如果您喜欢这个系列教程的话，不妨到JoeyDeVries的[Patreon](https://www.patreon.com/learnopengl)上支持一下作者，让这个教程能够持续完善并更新。
+
 ## 为什么要阅读这些教程呢？
 
 <img alt="Image of smiling textured containers in OpenGL" src="img/index_image2.png" class="right medium" />
diff --git a/yeti/img/patreon_logo.png b/yeti/img/patreon_logo.png
new file mode 100644
index 0000000..79aafc5
Binary files /dev/null and b/yeti/img/patreon_logo.png differ
diff --git a/yeti/nav.html b/yeti/nav.html
index 681c905..050b68b 100644
--- a/yeti/nav.html
+++ b/yeti/nav.html
@@ -66,6 +66,12 @@
                     </a>
                 </li>
                 {% endif %}
+                <li>
+                    <a href="https://www.patreon.com/learnopengl">
+                            <img class="patreon" src="/img/patreon_logo.png" alt="">
+                        Patreon
+                    </a>
+                </li>
             </ul>
         </div>
     </div>