---
title: 关于我
aside: false
editLink: false
lastUpdated: false
showComment: false
---

<img width=100% src="../public/img/svg/about-me-header.svg" alt="头部图" />
<p align="center">
  <a href="https://blog.charles7c.top/" target="_blank" style="display: inline-block;">
    <img alt="个人主页" src="https://img.shields.io/badge/知识库-查尔斯-lightblue?logo=blogger&logoColor=lightblue" />
  </a>&nbsp;
    <a href="https://github.com/Charles7c" target="_blank" style="display: inline-block;">
        <img alt="GitHub个人主页" src="https://img.shields.io/badge/GitHub-Charles7c-lightblue?logo=github" />
    </a>&nbsp;
    <a href="https://gitee.com/Charles7c" target="_blank" style="display: inline-block;">
        <img alt="码云个人主页" src="https://img.shields.io/badge/码云-Charles7c-C71D23?logo=gitee&logoColor=C71D23" />
    </a>&nbsp;
    <a href="https://blog.csdn.net/Charles_7c" target="_blank" style="display: inline-block;">
        <img alt="CSDN个人主页" src="https://img.shields.io/badge/CSDN-查尔斯-FC5531?logo=C&logoColor=FC5531" />
    </a>&nbsp;
    <a href="https://juejin.cn/user/685744115170142" target="_blank" style="display: inline-block;">
        <img alt="掘金个人主页" src="https://img.shields.io/badge/掘金-查尔斯-1E80FF" />
    </a>&nbsp;
    <a href="https://www.yuque.com/charles7c" target="_blank" style="display: inline-block;">
        <img alt="语雀个人主页" src="https://img.shields.io/badge/语雀-查尔斯-38D27D" />
    </a>&nbsp;
</p>

---
- 👋 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: “东隅已逝，桑榆非晚。”
---

### 后端技术栈

<p>
  <img src="https://img.shields.io/badge/-Spring-fff?logo=spring" alt="Spring" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Spring%20Boot-fff?logo=spring-boot" alt="Spring Boot" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-MySQL-fff?logo=mysql" alt="MySQL" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-MariaDB-fff?logo=mariadb&amp;logoColor=C4996D" alt="MariaDB" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-PostgreSQL-fff?logo=postgresql" alt="PostgreSQL" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Oracle-fff?logo=oracle&amp;logoColor=red" alt="Oracle" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Microsoft%20SQL%20Server-fff?logo=microsoft-sql-server&amp;logoColor=red" alt="Microsoft SQL Server" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Redis-fff?logo=redis" alt="Redis" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-MongoDB-fff?logo=mongodb" alt="MongoDB" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-RabbitMQ-fff?logo=RabbitMQ&amp;logoColor=orange" alt="RabbitMQ" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Solr-fff?logo=apache-solr" alt="Solr" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-ElasticSearch-fff?logo=elasticsearch&amp;logoColor=47BDB1" alt="ElasticSearch" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Logstash-fff?logo=logstash&amp;logoColor=47BDB1" alt="Logstash" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Kibana-fff?logo=kibana&amp;logoColor=blue" alt="Kibana" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Kafka-fff?logo=apache-kafka&amp;logoColor=000" alt="Kafka" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Consul-fff?logo=consul" alt="Consul" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Tomcat-fff?logo=apache-tomcat&amp;logoColor=D2A41F" alt="Tomcat" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Maven-fff?logo=apache-maven&amp;logoColor=orange" alt="Maven" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Gradle-fff?logo=gradle&amp;logoColor=gray" alt="Gradle" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-JSON-fff?logo=json&amp;logoColor=000" alt="JSON" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-JWT-fff?logo=jsonwebtokens&amp;logoColor=000" alt="JWT" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Open%20JDK-fff?logo=openjdk&amp;logoColor=000" alt="Open JDK" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Python-fff?logo=python" alt="Python" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Go-fff?logo=go" alt="Go" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-GraphQL-fff?logo=graphQL&amp;logoColor=gray" alt="GraphQL" style="display: inline-block;" />&nbsp;
</p>

### 前端技术栈

<p>
  <img src="https://img.shields.io/badge/-Vue3-fff?logo=vue.js" alt="Vue3" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-TypeScript-fff?logo=typescript" alt="TypeScript" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Ant%20Design-fff?logo=ant-design&amp;logoColor=blue" alt="Ant Design" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Node.js-fff?logo=node.js" alt="Node.js" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Vite-fff?logo=vite" alt="Vite" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-jQuery-fff?logo=jquery&amp;logoColor=blue" alt="jQuery" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-BootStrap-fff?logo=bootstrap" alt="BootStrap" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-NPM-fff?logo=npm" alt="NPM" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-JavaScript-fff?logo=javascript" alt="JavaScript" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-HTML5-fff?logo=html5" alt="HTML5" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-CSS3-fff?logo=css3&amp;logoColor=blue" alt="CSS3" style="display: inline-block;" />&nbsp;
</p>

### DevOps

<p>
  <img src="https://img.shields.io/badge/-Git-fff?logo=git" alt="Git" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-GitHub-fff?logo=github&amp;logoColor=000" alt="GitHub" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Gitee-fff?logo=gitee&amp;logoColor=C71D23" alt="Gitee" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-GitLab-fff?logo=gitlab" alt="gitlab" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-GitHub%20Actions-fff?logo=github-actions" alt="GitHub Actions" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Jenkins-fff?logo=jenkins" alt="Jenkins" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-SonarQube-fff?logo=sonarqube" alt="SonarQube" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Docker-fff?logo=docker" alt="Docker" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Harbor-fff?logo=harbor&amp;logoColor=gray" alt="Harbor" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Kubernetes-fff?logo=kubernetes" alt="Kubernetes" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-CentOS-fff?logo=centos&amp;logoColor=green" alt="CentOS" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Ubuntu-fff?logo=ubuntu" alt="Ubuntu" style="display: inline-block;" />&nbsp;
</p>

### 运维技术栈

<p>
  <img src="https://img.shields.io/badge/-阿里云-fff?logo=alibaba-cloud" alt="阿里云" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Nginx-fff?logo=nginx&amp;logoColor=green" alt="Nginx" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Prometheus-fff?logo=prometheus" alt="Prometheus" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Ansible-fff?logo=ansible&amp;logoColor=gray" alt="Ansible" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Lua-fff?&amp;logo=lua&amp;logoColor=gray" alt="Lua" style="display: inline-block;" />&nbsp;
</p>

### 开发工具

<p>
  <img src="https://img.shields.io/badge/-Postman-fff?logo=postman" alt="Postman" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Intellij%20IDEA-fff?logo=intellij-idea&amp;logoColor=FE2464" alt="Intellij IDEA" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Eclipse-fff?logo=eclipse&amp;logoColor=292051" alt="Eclipse" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-WebStorm-fff?logo=webstorm&amp;logoColor=15D0F4" alt="WebStorm" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Android%20Studio-fff?logo=android-studio" alt="Android Studio" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-VSCode-fff?logo=visual-studio-code&amp;logoColor=gray" alt="VSCode" style="display: inline-block;" />&nbsp;
</p>

### 其他

<p>
  <img src="https://img.shields.io/badge/-Markdown-fff?logo=markdown&amp;logoColor=000" alt="Markdown" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-WordPress-fff?logo=wordpress&amp;logoColor=blue" alt="WordPress" style="display: inline-block;" />&nbsp;
  <img src="https://img.shields.io/badge/-Adobe%20Photoshop-fff?logo=adobe-photoshop" alt="Adobe Photoshop" style="display: inline-block;" />&nbsp;
</p>
<img width=100% src="../public/img/svg/about-footer.svg" alt="尾部图"/>