diff --git a/repos/.vitepress/config/theme.ts b/repos/.vitepress/config/theme.ts
index d94ad292f..498922558 100644
--- a/repos/.vitepress/config/theme.ts
+++ b/repos/.vitepress/config/theme.ts
@@ -3,33 +3,34 @@ import { nav } from './nav'
 import { sidebar } from './sidebar'
 
 export const themeConfig: DefaultTheme.Config = {
-  logo: '/logo.jpg',
-  outlineTitle: '目录', // 右侧边栏的大纲标题文本
-  lastUpdatedText: '最后更新', // 最后更新时间文本, 需配置 lastUpdated 为 true
+  logo: '/logo.png',
+  outlineTitle: '目录', // 右侧边栏的大纲标题文本配置
+  lastUpdatedText: '最后更新', // 最后更新时间文本配置, 需先配置lastUpdated为true
+  // 文档页脚文本配置
   docFooter: {
-    prev: '上一页',
-    next: '下一页'
+    prev: '上一篇',
+    next: '下一篇'
   },
-  // 编辑链接
+  // 编辑链接配置
   editLink: {
     pattern: 'https://github.com/Charles7c/charles7c.github.io/edit/main/repos/:path',
-    text: '在 GitHub 上编辑此页面'
+    text: '不妥之处，敬请雅正'
   },
   // 页脚配置
   footer: {
     message: `<a href="https://beian.miit.gov.cn/" target="_blank">京ICP备20003712号-2</a>`, // 备案信息
     copyright: `Copyright © 2019-${new Date().getFullYear()} Charles7c` // 版权信息
   },
-  // 全文搜索
+  // 全文搜索配置
   algolia: {
     appId: 'DBZ0G9HBUY',
     apiKey: '00cef480a543003d05d9808110ea5f65',
     indexName: 'charles7c'
   },
-  // 社交链接
+  // 导航栏右侧社交链接配置
   socialLinks: [
     { icon: 'github', link: 'https://github.com/Charles7c/charles7c.github.io' }
   ],
-  nav, // 导航栏
-  sidebar // 侧边栏
+  nav, // 导航栏配置
+  sidebar // 侧边栏配置
 }
\ No newline at end of file
diff --git a/repos/.vitepress/theme/index.ts b/repos/.vitepress/theme/index.ts
index 748a8bc48..cfb9041d8 100644
--- a/repos/.vitepress/theme/index.ts
+++ b/repos/.vitepress/theme/index.ts
@@ -3,7 +3,8 @@ import MyLayout from "./components/MyLayout.vue"
 import ElementPlus from 'element-plus'
 import "element-plus/dist/index.css"
 import * as ElIcons from '@element-plus/icons-vue'
-import './custom.css'
+import './styles/vars.css'
+import './styles/custom.css'
 
 export default {
   ...DefaultTheme,
diff --git a/repos/.vitepress/theme/custom.css b/repos/.vitepress/theme/styles/custom.css
similarity index 100%
rename from repos/.vitepress/theme/custom.css
rename to repos/.vitepress/theme/styles/custom.css
diff --git a/repos/.vitepress/theme/styles/vars.css b/repos/.vitepress/theme/styles/vars.css
new file mode 100644
index 000000000..cc26a4412
--- /dev/null
+++ b/repos/.vitepress/theme/styles/vars.css
@@ -0,0 +1,31 @@
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #42b883 30%,
+    #41d1ff
+  );
+
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #42b883 50%,
+    #47caff 50%
+  );
+  --vp-home-hero-image-filter: blur(40px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(72px);
+  }
+}
\ No newline at end of file
diff --git a/repos/index.md b/repos/index.md
index ef19f0235..12fa4186a 100644
--- a/repos/index.md
+++ b/repos/index.md
@@ -8,7 +8,9 @@ hero:
   name: 查尔斯的知识库
   text: 专注 & 洞察 & 分享
   tagline: 个人知识库，记录 & 分享个人碎片化、结构化、体系化的知识内容。
-  #image: /logo.png
+  image:
+    src: /logo.png
+    alt: Logo
   actions:
     - theme: brand
       text: Get Started
@@ -31,4 +33,3 @@ features:
     title: 乐于分享
     details: 关于分享，有形的东西越分越少，无形的东西越分越多。在记录与分享的过程中, 梳理所学, 交流所得, 必有所获。
 ---
-
diff --git a/repos/public/favicon.ico b/repos/public/favicon.ico
index dc99ee01b..1b4bee5f1 100644
Binary files a/repos/public/favicon.ico and b/repos/public/favicon.ico differ
diff --git a/repos/public/logo.jpg b/repos/public/logo.jpg
deleted file mode 100644
index d692fc64a..000000000
Binary files a/repos/public/logo.jpg and /dev/null differ
diff --git a/repos/public/logo.png b/repos/public/logo.png
new file mode 100644
index 000000000..a8e356ff2
Binary files /dev/null and b/repos/public/logo.png differ