diff --git a/repos/about/index.md b/repos/about/index.md
index 4023165a3..40eeb6983 100644
--- a/repos/about/index.md
+++ b/repos/about/index.md
@@ -4,23 +4,11 @@ lastUpdated: false
 aside: false
 ---
 
-# 关于知识库
+<img width=100% src="../public/img/svg/about-repos-header.svg" alt="头部图" />
 
-<br>
-
-<a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">
-    <img style="display: inline-block; margin-right: 3px" src="https://camo.githubusercontent.com/4ef49a39775d72ab9806b4ea68378139ef759520d22ea1f6b4c9bacac91e7ad5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f506f73742532304c6963656e73652d4343253230342e3025323042592d2d53412d626c75652e737667">
-</a>
-<a href="https://github.com/Charles7c/charles7c.github.io/blob/main/LICENSE" target="_blank">
-    <img style="display: inline-block; margin-right: 3px" src="https://camo.githubusercontent.com/863c205550f070412f8a74b278a26f6f04d884e6549f3c4e106893447854021d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f436f64652532304c6963656e73652d4d49542d626c75652e737667">
-</a>
-<a href="https://github.com/Charles7c/charles7c.github.io/actions/workflows/deploy-pages.yml" target="_blank">
-    <img style="display: inline-block;" src="https://github.com/Charles7c/charles7c.github.io/actions/workflows/deploy-pages.yml/badge.svg">
-</a>
-
-📝 <strong>查尔斯的个人知识库，记录 & 分享个人碎片化、结构化、体系化的知识内容。</strong>
-
-🐢 [GitHub Pages](https://blog.charles7c.top) | 🐇 [Gitee Pages](https://charles7c.gitee.io)
+<div align="center">
+    📝 <strong>查尔斯的个人知识库，记录 & 分享个人碎片化、结构化、体系化的知识内容。</strong>
+</div>
 
 ---
 
@@ -62,3 +50,5 @@ aside: false
 从笔者个人来讲，维护知识库也是一种整理。笔者对杂乱的事物是抱有不喜态度的，无论是个人卫生，还是环境：房间、工位，亦或是任何记录。
 
 杂乱的内容会引起笔者思绪上的混乱，被迫转移注意力，所以笔者尽可能的在各种方面定期进行整理、折腾，将知识整理好，不用再担心知识在记忆中遗忘，不用再担心掌握的知识无迹可寻，这样笔者就可以获得思绪上的梳理、 “放下”，可以更好的 “轻装前行”。:smile:
+
+<img width=100% src="../public/img/svg/about-footer.svg" alt="尾部图"/>
\ No newline at end of file
diff --git a/repos/about/me.md b/repos/about/me.md
index 77a4b8537..4bfc09a42 100644
--- a/repos/about/me.md
+++ b/repos/about/me.md
@@ -59,4 +59,4 @@ aside: false
 	<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
+<img width=100% src="../public/img/svg/about-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-footer.svg
similarity index 100%
rename from repos/public/img/svg/about-me-footer.svg
rename to repos/public/img/svg/about-footer.svg
diff --git a/repos/public/img/svg/about-repos-header.svg b/repos/public/img/svg/about-repos-header.svg
new file mode 100644
index 000000000..d5c5ad02f
--- /dev/null
+++ b/repos/public/img/svg/about-repos-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" >关于知识库 (查尔斯的知识库)</text>
+                 
+            </svg>
+        
\ No newline at end of file