diff --git a/README.md b/README.md
index 687623f..c12ca7c 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,7 @@
 本项目基于 <a href="https://github.com/kamranahmedse/design-patterns-for-humans">Design Patterns for Humans</a>，案例的 JavaScript 代码来自 <a href="https://github.com/sohamkamani/javascript-design-patterns-for-humans">JavaScript Design Patterns for Humans</a>。
 </p>
 </div>
+
 ***
 
 译者在学习的过程中，想要使用自己的语言风格来翻译这篇“给人类写的”设计模式教程。奈何才疏学浅，如有谬误，敬请斧正。
diff --git a/favicon/favicon-16.png b/favicon/favicon-16.png
new file mode 100644
index 0000000..71a1904
Binary files /dev/null and b/favicon/favicon-16.png differ
diff --git a/favicon/favicon-180.png b/favicon/favicon-180.png
new file mode 100644
index 0000000..451bb37
Binary files /dev/null and b/favicon/favicon-180.png differ
diff --git a/favicon/favicon-32.png b/favicon/favicon-32.png
new file mode 100644
index 0000000..5572b8c
Binary files /dev/null and b/favicon/favicon-32.png differ
diff --git a/favicon/favicon.ico b/favicon/favicon.ico
index 4fc835a..84cb933 100644
Binary files a/favicon/favicon.ico and b/favicon/favicon.ico differ
diff --git a/favicon/favicon.png b/favicon/favicon.png
index e68b773..814bb30 100644
Binary files a/favicon/favicon.png and b/favicon/favicon.png differ
diff --git a/favicon/psd/favicon.psd b/favicon/psd/favicon.psd
index 8b9b5b1..027d301 100644
Binary files a/favicon/psd/favicon.psd and b/favicon/psd/favicon.psd differ
diff --git a/vuepress/docs/.vuepress/public/favicon-16.png b/vuepress/docs/.vuepress/public/favicon-16.png
index f8a8cdc..71a1904 100644
Binary files a/vuepress/docs/.vuepress/public/favicon-16.png and b/vuepress/docs/.vuepress/public/favicon-16.png differ
diff --git a/vuepress/docs/.vuepress/public/favicon-180.png b/vuepress/docs/.vuepress/public/favicon-180.png
index 709806e..451bb37 100644
Binary files a/vuepress/docs/.vuepress/public/favicon-180.png and b/vuepress/docs/.vuepress/public/favicon-180.png differ
diff --git a/vuepress/docs/.vuepress/public/favicon-32.png b/vuepress/docs/.vuepress/public/favicon-32.png
index 6be7a8c..5572b8c 100644
Binary files a/vuepress/docs/.vuepress/public/favicon-32.png and b/vuepress/docs/.vuepress/public/favicon-32.png differ
diff --git a/vuepress/docs/.vuepress/public/favicon.ico b/vuepress/docs/.vuepress/public/favicon.ico
index 4fc835a..84cb933 100644
Binary files a/vuepress/docs/.vuepress/public/favicon.ico and b/vuepress/docs/.vuepress/public/favicon.ico differ
diff --git a/vuepress/docs/README.md b/vuepress/docs/README.md
index cea4ee2..ab68879 100644
--- a/vuepress/docs/README.md
+++ b/vuepress/docs/README.md
@@ -16,6 +16,7 @@
 本项目基于 <a href="https://github.com/kamranahmedse/design-patterns-for-humans">Design Patterns for Humans</a>，案例的 JavaScript 代码来自 <a href="https://github.com/sohamkamani/javascript-design-patterns-for-humans">JavaScript Design Patterns for Humans</a>。
 </p>
 </div>
+
 ***
 
 译者在学习的过程中，想要使用自己的语言风格来翻译这篇“给人类写的”设计模式教程。奈何才疏学浅，如有谬误，敬请斧正。
@@ -648,7 +649,7 @@ hunter.hunt(wildDogAdapter)
 
 > 想象您有一个包括很多页面的网站，现在您计划让用户修改网站的主题。您会怎么做？为每个页面的每个主题创建一份副本，或是创建单独的主题并根据用户的偏好加载它们？桥接模式允许您实现后者，如下图所示。
 
-![With and without the bridge pattern](static/With-and-without-the-bridge-pattern.png)
+<img :src="$withBase('/With-and-without-the-bridge-pattern.png')" alt="不使用和使用桥接模式的区别" />
 
 简单来说