diff --git a/src/pages/about.astro b/src/pages/about.astro
index f5dda0c..132fcea 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -4,6 +4,7 @@ import Tools from "@/components/tools/index.astro";
 import GiscusComment from "@/components/componentsBefore/GiscusComment";
 import SocialList from "@/components/SocialList.astro";
 import ContentFooter from "@/components/ContentFooter.astro";
+import SelfIntro from "@/pages/self-intro.astro";
 const meta = {
 	description: "introduction for KazooTTT",
 	title: "About",
@@ -12,7 +13,7 @@ const meta = {
 
 <PageLayout meta={meta}>
 	<h1 class="title mb-6">About</h1>
-	<div class="prose prose-base prose-cactus max-w-none">TODO ...</div>
+	<SelfIntro />
 
 	<div class="my-2">
 		<a href="https://wakatime.com/@d3dc2570-e4bf-4469-b0c2-127b495e8b91"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index bae5482..92ec7e2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -5,6 +5,7 @@ import Note from "@/components/note/Note.astro";
 import { getAllFixedToTopPosts, getAllNotes, getAllPosts } from "@/data/post";
 import PageLayout from "@/layouts/Base.astro";
 import { collectionDateSort } from "@/utils/date";
+import SelfIntro from "@/pages/self-intro.astro";
 
 // Posts
 const MAX_POSTS = 10;
@@ -24,7 +25,7 @@ const latestNotes = allNotes.sort(collectionDateSort).slice(0, MAX_NOTES);
 <PageLayout meta={{ title: "Home" }}>
 	<section>
 		<h1 class="title mb-6">Hello World!</h1>
-		<p class="mb-4">TODO ...</p>
+		<SelfIntro />
 		<SocialList />
 	</section>
 
diff --git a/src/pages/self-intro.astro b/src/pages/self-intro.astro
new file mode 100644
index 0000000..2aaff0c
--- /dev/null
+++ b/src/pages/self-intro.astro
@@ -0,0 +1,10 @@
+---
+
+---
+
+<div class="prose prose-base prose-cactus max-w-none">
+	<p>4年经验的前端开发工程师</p>
+	<p>主要使用react + vite + typescript开发</p>
+	<p>喜欢写一些自己的side project</p>
+	<p>三分钟热度，还在寻找自己真正的热爱</p>
+</div>