diff --git a/repos/.vitepress/config/head.ts b/repos/.vitepress/config/head.ts
index d0d70a3f0..305847344 100644
--- a/repos/.vitepress/config/head.ts
+++ b/repos/.vitepress/config/head.ts
@@ -8,6 +8,7 @@ export const head: HeadConfig[] = [
 
   ['meta', { name: 'HandheldFriendly', content: 'True' }],
   ['meta', { name: 'MobileOptimized', content: '320' }],
+  ['meta', { name: 'theme-color', content: '#3c8772' }],
 
   ['meta', { property: 'og:type', content: 'website' }],
   ['meta', { property: 'og:locale', content: metaData.locale }],
diff --git a/repos/about/me.md b/repos/about/me.md
index a796af866..77a4b8537 100644
--- a/repos/about/me.md
+++ b/repos/about/me.md
@@ -4,11 +4,17 @@ lastUpdated: false
 aside: 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>
+<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;
@@ -36,19 +42,21 @@ aside: false
 - 📖 My motto: “东隅已逝，桑榆非晚。”
 ---
 
-<div>
-	<img src="https://github-readme-stats.vercel.app/api?username=charles7c&show_icons=true&theme=&hide_title=&hide_border=true&layout=compact" style="display: inline-block; height: 145px;" />
-  <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=charles7c&show_icons=true&theme=&hide_title=&hide_border=true&layout=compact" style="display: inline-block; height: 127px;" />
+<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>
-    <img src="https://github-readme-streak-stats.herokuapp.com/?user=charles7c&theme=white&hide_border=true" width="94%" />
+<div align="center">
+    <img src="https://github-readme-streak-stats.herokuapp.com/?user=charles7c&theme=white&hide_border=true" width="90%" />
 </div>
 
-<div>
-	<img src="https://activity-graph.herokuapp.com/graph?username=Charles7c&theme=xcode&bg_color=FF000000" width="95%" />
+<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>
-	<img src="https://github-profile-trophy.vercel.app/?username=charles7c&theme=gruvbox&row=1&column=6&no-frame=true&no-bg=true" />
-</div>
\ No newline at end of file
+<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-me-footer.svg" alt="尾部图"/>
\ No newline at end of file
diff --git a/repos/public/img/svg/about-me-footer.svg b/repos/public/img/svg/about-me-footer.svg
new file mode 100644
index 000000000..680919a49
--- /dev/null
+++ b/repos/public/img/svg/about-me-footer.svg
@@ -0,0 +1,33 @@
+
+            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:1;position:relative" width="854" height="120" viewBox="0 0 854 120">
+                <style>
+                            .text {
+						font-size: 70px;
+						font-weight: 700;
+						font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+					}
+					.desc {
+						font-size: 20px;
+						font-weight: 500;
+						font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+					}path {
+						transform: rotate(180deg);
+						transform-origin: 50% 50%;
+					}
+                            
+                        </style>
+                <g transform="translate(427, 60) scale(1, 1) translate(-427, -60)">
+                    
+                                
+                                <path d="" fill="#40B883" opacity="0.4" >
+                <animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0L 0 40Q 213.5 80 427 50T 854 75L 854 0 Z;M0 0L 0 65Q 213.5 80 427 60T 854 50L 854 0 Z;M0 0L 0 85Q 213.5 55 427 85T 854 50L 854 0 Z;M0 0L 0 40Q 213.5 80 427 50T 854 75L 854 0 Z"></animate>
+            </path>
+            <path d="" fill="#40B883" opacity="0.4" >
+                <animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-10s" values="M0 0L 0 55Q 213.5 100 427 70T 854 80L 854 0 Z;M0 0L 0 70Q 213.5 40 427 40T 854 60L 854 0 Z;M0 0L 0 65Q 213.5 45 427 70T 854 85L 854 0 Z;M0 0L 0 55Q 213.5 100 427 70T 854 80L 854 0 Z"></animate>
+            </path>
+                </g>
+                
+                        
+                 
+            </svg>
+        
\ No newline at end of file
diff --git a/repos/public/img/svg/about-me-header.svg b/repos/public/img/svg/about-me-header.svg
new file mode 100644
index 000000000..3d042eea9
--- /dev/null
+++ b/repos/public/img/svg/about-me-header.svg
@@ -0,0 +1,38 @@
+
+            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:1;position:relative" width="854" height="180" viewBox="0 0 854 180">
+                <style>
+                            .text {
+						font-size: 30px;
+						font-weight: 700;
+						font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+					}
+					.desc {
+						font-size: 20px;
+						font-weight: 500;
+						font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+					}
+                            .text, .desc {
+							animation: twinkling 4s ease-in-out infinite;
+						}@keyframes twinkling {
+						  40% { opacity: 1; }
+						  50% { opacity: 0.5; }
+						  60% { opacity: 1; }
+						  70% { opacity: 0.5; }
+						  80% { opacity: 1; }
+						};
+                        </style>
+                <g transform="translate(427, 90) scale(1, 1) translate(-427, -90)">
+                    
+                                
+                                <path d="" fill="#40B883" opacity="0.4" >
+                <animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0L 0 100Q 213.5 140 427 110T 854 135L 854 0 Z;M0 0L 0 125Q 213.5 140 427 120T 854 110L 854 0 Z;M0 0L 0 145Q 213.5 115 427 145T 854 110L 854 0 Z;M0 0L 0 100Q 213.5 140 427 110T 854 135L 854 0 Z"></animate>
+            </path>
+            <path d="" fill="#40B883" opacity="0.4" >
+                <animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-10s" values="M0 0L 0 115Q 213.5 160 427 130T 854 140L 854 0 Z;M0 0L 0 130Q 213.5 100 427 100T 854 120L 854 0 Z;M0 0L 0 125Q 213.5 105 427 130T 854 145L 854 0 Z;M0 0L 0 115Q 213.5 160 427 130T 854 140L 854 0 Z"></animate>
+            </path>
+                </g>
+                
+                        <text text-anchor="middle" alignment-baseline="middle" x="50%" y="35%" class="text" style="fill:#fff;" stroke="#none" stroke-width="1" >关于我 (Charles7c)</text>
+                 
+            </svg>
+        
\ No newline at end of file