diff --git a/docs/about/me.md b/docs/about/me.md
index ce98a48c6..4e56039c8 100644
--- a/docs/about/me.md
+++ b/docs/about/me.md
@@ -9,31 +9,31 @@ showComment: false
 <img width=100% src="../public/img/svg/about-me-header.svg" alt="头部图" />
 
 <div align="center">
-    <a href="https://github.com/Charles7c">
-        <img src="https://readme-typing-svg.herokuapp.com?size=35&color=40B883&center=true&vCenter=true&width=1000&lines=Hello%2C+welcome+to+my+page;My+web+name+is+Charles7c;I'm+currently+working+on+java+backend+development;My+motto:+“东隅已逝，桑榆非晚”;Thanks" alt="欢迎语" />
-    </a>
+  <a href="https://github.com/Charles7c">
+    <img src="https://readme-typing-svg.herokuapp.com?size=35&color=40B883&center=true&vCenter=true&width=1000&lines=Hello%2C+welcome+to+my+page;My+web+name+is+Charles7c;I'm+currently+working+on+java+backend+development;My+motto:+“东隅已逝，桑榆非晚”;Thanks" alt="欢迎语" />
+  </a>
 </div>
 <br>
 
 <div align="center">
-    <a href="https://blog.charles7c.top/" target="_blank" style="display: inline-block;">
-        <img src="https://img.shields.io/badge/知识库-查尔斯-lightblue?logo=blogger&logoColor=lightblue" alt="个人主页" />
-    </a>&nbsp;
-    <a href="https://github.com/Charles7c" target="_blank" style="display: inline-block;">
-        <img src="https://img.shields.io/badge/GitHub-%E6%AC%A2%E8%BF%8E%E5%85%B3%E6%B3%A8-brightgreen.svg?style=social&logo=github" alt="GitHub个人主页" />
-    </a>&nbsp;
-    <a href="https://gitee.com/Charles7c" target="_blank" style="display: inline-block;">
-        <img src="https://img.shields.io/badge/码云-Charles7c-C71D23?logo=gitee&logoColor=C71D23" alt="码云个人主页" />
-    </a>&nbsp;
-    <a href="https://blog.csdn.net/Charles_7c" target="_blank" style="display: inline-block;">
-        <img src="https://img.shields.io/badge/CSDN-查尔斯-FC5531?logo=C&logoColor=FC5531" alt="CSDN个人主页" />
-    </a>&nbsp;
-    <a href="https://juejin.cn/user/685744115170142" target="_blank" style="display: inline-block;">
-        <img src="https://img.shields.io/badge/掘金-查尔斯-1E80FF" alt="掘金个人主页" />
-    </a>&nbsp;
-    <a href="https://www.yuque.com/charles7c" target="_blank" style="display: inline-block;">
-        <img src="https://img.shields.io/badge/语雀-查尔斯-38D27D" alt="语雀个人主页" />
-    </a>&nbsp;
+  <a href="https://blog.charles7c.top/" target="_blank" style="display: inline-block;">
+    <img src="https://img.shields.io/badge/知识库-查尔斯-lightblue?logo=blogger&logoColor=lightblue" alt="个人主页" />
+  </a>&nbsp;
+  <a href="https://github.com/Charles7c" target="_blank" style="display: inline-block;">
+    <img src="https://img.shields.io/badge/GitHub-%E6%AC%A2%E8%BF%8E%E5%85%B3%E6%B3%A8-brightgreen.svg?style=social&logo=github" alt="GitHub个人主页" />
+  </a>&nbsp;
+  <a href="https://gitee.com/Charles7c" target="_blank" style="display: inline-block;">
+    <img src="https://img.shields.io/badge/码云-Charles7c-C71D23?logo=gitee&logoColor=C71D23" alt="码云个人主页" />
+  </a>&nbsp;
+  <a href="https://blog.csdn.net/Charles_7c" target="_blank" style="display: inline-block;">
+    <img src="https://img.shields.io/badge/CSDN-查尔斯-FC5531?logo=C&logoColor=FC5531" alt="CSDN个人主页" />
+  </a>&nbsp;
+  <a href="https://juejin.cn/user/685744115170142" target="_blank" style="display: inline-block;">
+    <img src="https://img.shields.io/badge/掘金-查尔斯-1E80FF" alt="掘金个人主页" />
+  </a>&nbsp;
+  <a href="https://www.yuque.com/charles7c" target="_blank" style="display: inline-block;">
+    <img src="https://img.shields.io/badge/语雀-查尔斯-38D27D" alt="语雀个人主页" />
+  </a>&nbsp;
 </div>
 
 ---
@@ -43,6 +43,81 @@ showComment: false
 - 📖 My motto: “东隅已逝，桑榆非晚。”
 ---
 
+<!-- 语言和框架 -->
+<div>
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" title="Java" alt="Java" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/spring/spring-original.svg" title="Spring、Spring MVC、Spring Boot、Spring Cloud" alt="Spring" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg" title="Vue" alt="Vue" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" title="JavaScript" alt="JavaScript" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" title="HTML" alt="HTML" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg" title="CSS" alt="CSS" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jquery/jquery-original.svg" title="jQuery" alt="jQuery" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bootstrap/bootstrap-original.svg" title="BootStrap" alt="BootStrap" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" title="Python" alt="Python" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/csharp/csharp-original.svg" title="C#" alt="C#" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/php/php-original.svg" title="PHP" alt="PHP" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/go/go-original.svg" title="Go" alt="Go" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/android/android-original.svg" title="Android" alt="Android" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-original.svg" title="C" alt="C" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg" title="TypeScript" alt="TypeScript" width="50" height="50" style="display: inline-block;" />&nbsp;
+</div>
+
+---
+
+<!-- 数据库 -->
+<div>
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original.svg" title="MySQL" alt="MySQL" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/redis/redis-original.svg" title="Redis" alt="Redis" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg" title="PostgreSQL" alt="PostgreSQL" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg" title="MongoDB" alt="MongoDB" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/microsoftsqlserver/microsoftsqlserver-plain-wordmark.svg" title="Microsoft SQL Server" alt="Microsoft SQL Server" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/oracle/oracle-original.svg" title="Oracle" alt="Oracle" width="50" height="50" style="display: inline-block;" />&nbsp;
+</div>
+
+---
+
+<!-- 开发工具 -->
+<div>
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/git/git-original.svg" title="Git" alt="Git" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" title="GitHub" alt="GitHub" width="50" height="50" style="display: inline-block;"/>&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/gitlab/gitlab-original.svg" title="GitLab" alt="GitLab" width="50" height="50" style="display: inline-block;"/>&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tomcat/tomcat-original.svg" title="Tomcat" alt="Tomcat" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nginx/nginx-original.svg" title="Nginx" alt="Nginx" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/apache/apache-original.svg" title="Apache" alt="Apache" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg" title="Docker" alt="Docker" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jenkins/jenkins-original.svg" title="Jenkins" alt="Jenkins" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/centos/centos-original.svg" title="CentOS" alt="CentOS" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/ubuntu/ubuntu-plain.svg" title="Ubuntu" alt="Ubuntu" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/wordpress/wordpress-original.svg" title="WordPress" alt="WordPress" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/redhat/redhat-original.svg" title="RedHat" alt="RedHat" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg" title="Kubernetes" alt="Kubernetes" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/npm/npm-original-wordmark.svg" title="NPM" alt="NPM" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/yarn/yarn-original.svg" title="Yarn" alt="Yarn" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/gradle/gradle-plain.svg" title="Gradle" alt="Gradle" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/grafana/grafana-original.svg" title="Grafana" alt="Grafana" width="50" height="50" style="display: inline-block;" />&nbsp;
+</div>
+
+---
+
+<!-- IDE -->
+<div>
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jetbrains/jetbrains-original.svg" title="IntelliJ IDEA、WebStorm、PyCharm" alt="IntelliJ IDEA、WebStorm、PyCharm" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vscode/vscode-original.svg" title="Vscode" alt="Vscode" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/androidstudio/androidstudio-original.svg" title="Android Studio" alt="Android Studio" width="50" height="50" style="display: inline-block;" />&nbsp;
+</div>
+
+---
+
+<!-- 其他工具 -->
+<div>
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/markdown/markdown-original.svg"  alt="Markdown" width="50" height="50" style="display: inline-block;"/>&nbsp;
+  <img src="https://cdn.apifox.cn/logo/apifox-logo-512.png"  alt="ApiFox" width="50" height="50" style="display: inline-block;"/>&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/filezilla/filezilla-plain.svg" title="FileZilla" alt="FileZilla" width="50" height="50" style="display: inline-block;" />&nbsp;
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/putty/putty-original.svg" title="Putty" alt="Putty" width="50" height="50" style="display: inline-block;" />&nbsp;
+</div>
+
+---
+
 <div align="center">
 	<img src="https://github-readme-stats.vercel.app/api?username=charles7c&show_icons=true&count_private=true&hide_border=true&theme=vue" width="49%" height="auto" style="display: inline-block;" />
   <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=charles7c&layout=compact&hide_border=true&theme=vue" width="41%" height="auto" style="display: inline-block;" />