---
title: 关于我
aside: false
editLink: false
lastUpdated: false
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>
</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;
</div>

---
- 👋 Hi, I’m Charles7c
- 🔭 I’m currently working on Java backend development
- 📫 How to reach me: [charles7c@126.com](mailto:charles7c@126.com)
- 📖 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;" />
</div>

<div align="center">
	<img src="https://activity-graph.herokuapp.com/graph?username=charles7c&bg_color=ffffff&color=40b883&line=40b883&point=40b883&area=true&hide_border=true" width="90%" />
</div>

<div align="center">
    <img src="https://github-readme-streak-stats.herokuapp.com/?user=charles7c&theme=white&hide_border=true" width="90%" />
</div>

<div align="center">
	<img src="https://github-profile-trophy.vercel.app/?username=charles7c&theme=gruvbox&row=1&column=6&no-frame=true&no-bg=true" width="90%" />
</div>

<img width=100% src="../public/img/svg/about-footer.svg" alt="尾部图"/>