Charles7c/vitepress-theme-blog-charles7c-s1
Archived
0
0
Fork 0
Code Issues 75 Pull Requests Actions Packages Projects Releases Wiki Activity

完善：《关于我》

Browse Source
This commit is contained in:
Charles7c
2023-01-07 00:17:26 +08:00
parent d010a0fba0
commit 0ebf7cbd49
2 changed files with 115 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/.vitepress/config/theme.ts
View File

@@ -40,6 +40,21 @@ export const themeConfig: DefaultTheme.Config = {
svg: '<svg role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>查尔斯的网址导航</title><path d="M512 22C241.38 22 22 241.38 22 512s219.38 490 490 490 490-219.38 490-490S782.62 22 512 22z m226.06 277.73L517.54 809.14c-3.18 7.28-13.72 7.08-17.21-0.41L410.4 616.57a5.966 5.966 0 0 0-2.97-2.97L215.6 523.58c-7.58-3.49-7.79-14.05-0.41-17.23l508.74-220.76c8.91-3.91 18.03 5.22 14.13 14.14z" p-id="4967"></path></svg>'
},
link: 'https://nav.charles7c.top'
},
{
icon: {
svg: `<svg width="33" height="33" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 174.8 204">
<title>ContiNew Admin</title>
<path fill="#307AF2" d="M86.7,0l88,51v.2l-16.3,9.4v-.2L86.7,18.9Zm71.8,143.5,16.3,9.4v.2L86.8,204h0l-16.3-9.4,16.3-9.4h0l71.7-41.5v-.2Z"/>
<path fill="#12D2AC" d="M16.3,143.5v.2L58,167.8l-16.3,9.4L0,153.1v-.2Z"/>
<path fill="#12D2AC" d="M104.1,93,15.9,143.8l-.2-.1V124.9l.2.1L87.7,83.6,104.1,93Z"/>
<path fill="#0057FE" d="M88.1,0,.1,51v.2l16.3,9.4v-.2L88.1,18.9Z"/>
<path fill="#307AF2" d="M.1,50.9.2,152.6l.2.1,16.3-9.4-.2-.1-.1-82.9L.1,50.9Z"/>
<path fill="#0057FE" d="M174.7,50.9l-.1,101.7-.2.1-16.3-9.4.2-.1.1-82.9Z"/>
<path fill="#12D2AC" d="M41.7,158.5l16.1,9.4,100.6-58.7V90.4Z"/>
</svg>`
},
link: 'https://cnadmin.charles7c.top/'
}
],

189
docs/about/me.md
View File

@@ -7,132 +7,123 @@ 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">
<p 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="个人主页" />
<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 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个人主页" />
<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 src="https://img.shields.io/badge/码云-Charles7c-C71D23?logo=gitee&logoColor=C71D23" alt="码云个人主页" />
<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 src="https://img.shields.io/badge/CSDN-查尔斯-FC5531?logo=C&logoColor=FC5531" alt="CSDN个人主页" />
<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 src="https://img.shields.io/badge/掘金-查尔斯-1E80FF" alt="掘金个人主页" />
<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 src="https://img.shields.io/badge/语雀-查尔斯-38D27D" alt="语雀个人主页" />
<img alt="语雀个人主页" src="https://img.shields.io/badge/语雀-查尔斯-38D27D" />
</a>&nbsp;
</div>
</p>
---
- 👋 Hi, I’m Charles7c
- 🔭 I’m currently working on Java backend development
- 👋 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>
### 后端技术栈
---
<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>
<!-- 数据库 -->
<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>
### 前端技术栈
---
<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>
<!-- 开发工具 -->
<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>
### 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>
<!-- 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>
### 运维技术栈
---
<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>
<!-- 其他工具 -->
<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>
### 开发工具
---
<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>
<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>
### 其他
<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="尾部图"/>