diff --git a/README.en.md b/README.en.md
index 6d5a477..1a54563 100644
--- a/README.en.md
+++ b/README.en.md
@@ -2,7 +2,7 @@
 
 Book Smith is a writing management plugin designed for Obsidian, helping authors better organize and manage their writing projects.
 
-![downloads](https://img.shields.io/badge/downloads-500-brightgreen) ![version](https://img.shields.io/badge/version-1.0.0-blue) ![license](https://img.shields.io/badge/license-MIT-green) [![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-Support-yellow)](https://ko-fi.com/bruceyeban)
+![downloads](https://img.shields.io/badge/dynamic/json?color=brightgreen&label=downloads&query=%24%5B%22book-smith%22%5D.downloads&url=https%3A%2F%2Fraw.githubusercontent.com%2Fobsidianmd%2Fobsidian-releases%2Fmaster%2Fcommunity-plugin-stats.json&style=flat) ![version](https://img.shields.io/github/v/tag/Yeban8090/book-smith?color=blue&label=version&style=flat) ![license](https://img.shields.io/badge/license-MIT-green) [![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-Support-yellow)](#support-the-author)
 
 [简体中文](README.md) | English
 
@@ -113,11 +113,26 @@ The plugin interface currently supports:
 - Simplified Chinese
 - English
 
-## Support the Author
+## Support The Author
 If this plugin helps you, consider buying me a coffee ☕:
-- WeChat Pay
-- Alipay
-- [![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-Support-yellow)](https://ko-fi.com/bruceyeban)
+<div align="center">
+  <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
+    <div style="text-align: center; margin: 1px;">
+      <strong>微信支付</strong><br/>
+      <img src="src/assets/donate/wechat_pay.png" alt="微信支付" width="180px" style="margin-top: 10px;">
+    </div>
+    <div style="text-align: center; margin: 1px;">
+      <strong>支付宝</strong><br/>
+      <img src="src/assets/donate/alipay.png" alt="支付宝" width="180px" style="margin-top: 10px;">
+    </div>
+    <div style="text-align: center; margin: 1px;">
+      <strong>Buy Me a Coffee</strong><br/>
+      <a href="https://ko-fi.com/bruceyeban" style="margin-top: 10px; display: inline-block;">
+        <img src="https://img.shields.io/badge/Buy%20Me%20a%20Coffee-支持作者-yellow?style=for-the-badge&logo=ko-fi" alt="Buy Me a Coffee" />
+      </a>
+    </div>
+  </div>
+</div>
 
 Your support motivates me to keep improving this plugin!
 
diff --git a/README.md b/README.md
index 89cb1be..ec90cf8 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 Book Smith 是一个专为 Obsidian 设计的写作管理插件。它能帮助作者更好地组织和管理他们的写作项目。
 
-![downloads](https://img.shields.io/badge/downloads-500-brightgreen) ![version](https://img.shields.io/badge/version-1.0.0-blue) ![license](https://img.shields.io/badge/license-MIT-green) [![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-支持作者-yellow)](https://ko-fi.com/bruceyeban)
+![downloads](https://img.shields.io/badge/dynamic/json?color=brightgreen&label=downloads&query=%24%5B%22book-smith%22%5D.downloads&url=https%3A%2F%2Fraw.githubusercontent.com%2Fobsidianmd%2Fobsidian-releases%2Fmaster%2Fcommunity-plugin-stats.json&style=flat) ![version](https://img.shields.io/github/v/tag/Yeban8090/book-smith?color=blue&label=version&style=flat) ![license](https://img.shields.io/badge/license-MIT-green) [![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-支持作者-yellow)](#支持作者)
 
 简体中文 | [English](README.en.md)
 
@@ -114,9 +114,25 @@ Book Smith 是一个专为 Obsidian 设计的写作管理插件。它能帮助
 
 ## 支持作者
 如果这个插件对你有所帮助，可以考虑请作者喝杯咖啡 ☕：
-- 微信支付
-- 支付宝
-- [![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-支持作者-yellow)](https://ko-fi.com/bruceyeban)
+
+<div align="center">
+  <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
+    <div style="text-align: center; margin: 1px;">
+      <strong>微信支付</strong><br/>
+      <img src="src/assets/donate/wechat_pay.png" alt="微信支付" width="180px" style="margin-top: 10px;">
+    </div>
+    <div style="text-align: center; margin: 1px;">
+      <strong>支付宝</strong><br/>
+      <img src="src/assets/donate/alipay.png" alt="支付宝" width="180px" style="margin-top: 10px;">
+    </div>
+    <div style="text-align: center; margin: 1px;">
+      <strong>Buy Me a Coffee</strong><br/>
+      <a href="https://ko-fi.com/bruceyeban" style="margin-top: 10px; display: inline-block;">
+        <img src="https://img.shields.io/badge/Buy%20Me%20a%20Coffee-支持作者-yellow?style=for-the-badge&logo=ko-fi" alt="Buy Me a Coffee" />
+      </a>
+    </div>
+  </div>
+</div>
 
 您的支持是我持续改进这个插件的动力！
 
diff --git a/src/assets/donate/alipay.png b/src/assets/donate/alipay.png
new file mode 100644
index 0000000..b46eaaa
Binary files /dev/null and b/src/assets/donate/alipay.png differ
diff --git a/src/assets/donate/wechat_pay.png b/src/assets/donate/wechat_pay.png
new file mode 100644
index 0000000..84b7641
Binary files /dev/null and b/src/assets/donate/wechat_pay.png differ