diff --git a/components/i/Aside.vue b/components/i/Aside.vue
index 50742b60a04f85d09579237d9dcb533b055b3b78..bcf3c926c09111d6c4ea00533cea807f179a482c 100644
--- a/components/i/Aside.vue
+++ b/components/i/Aside.vue
@@ -1,15 +1,17 @@
 <template>
     <div class="flex-grow bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800">
-        <div class="p-2 flex flex-col">
-            <ILogo />
+        <div class="p-4 flex flex-col">
+            <ILogo class="mt-2" />
             <UButton
-                class="flex w-full mt-4"
+                class="flex w-full mt-6"
                 color="gray"
                 leading-icon="i-heroicons-plus-20-solid"
+                size="md"
+                @click="handleShowCreate"
             >
                 <div class="flex flex-grow justify-between items-center">
                     <span>新主题</span>
-                    <div class="space-x-1">
+                    <div class="flex items-center gap-0.5">
                         <UKbd>{{ metaSymbol }}</UKbd>
                         <UKbd>K</UKbd>
                     </div>
@@ -26,6 +28,9 @@
             @click="isDark = !isDark"
         />
     </div>
+    <UModal v-model="isOpenCreate">
+        <ICreate @search="handleCloseCreate" />
+    </UModal>
 </template>
 <script setup lang="ts">
 const { metaSymbol } = useShortcuts()
@@ -38,12 +43,18 @@ const isDark = computed({
         colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
     }
 })
+const isOpenCreate = ref(false)
+const handleShowCreate = () => {
+    isOpenCreate.value = true
+}
+const handleCloseCreate = () => {
+    isOpenCreate.value = false
+}
 defineShortcuts({
     meta_k: {
         handler: () => {
-
+            handleShowCreate()
         }
     }
 })
-
 </script>
diff --git a/components/i/Create.vue b/components/i/Create.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7656ac348fb1be9d9fc311f20c81a12ee92f3ad9
--- /dev/null
+++ b/components/i/Create.vue
@@ -0,0 +1,33 @@
+<template>
+    <div class="max-w-screen-sm w-full flex flex-col space-y-4 p-6">
+        <UTextarea
+            v-model="query"
+            autoresize
+            placeholder="输入搜索内容..."
+            :rows="5"
+        />
+        <div class="flex justify-between">
+            <USelectMenu
+                class="min-w-40"
+                v-model="selectedRepo"
+                :options="repos"
+                placeholder="选择 GitHub 项目"
+                searchable
+            />
+            <UButton
+                trailing-icon="i-heroicons-chevron-right-20-solid"
+                @click="handleSearch"
+            >搜索</UButton>
+        </div>
+    </div>
+</template>
+<script setup>
+const emits = defineEmits([ 'search' ])
+const query = ref('')
+const selectedRepo = ref('https://github.com/keycloak/keycloak.git')
+const repos = ['keycloak', 'ViewUIPlus']
+const handleSearch = () => {
+    navigateTo(`/search/1?query=${query.value}&repo=${selectedRepo.value}`)
+    emits('search')
+}
+</script>
diff --git a/components/i/Logo.vue b/components/i/Logo.vue
index 6f3418b9768ce55f0437bf57dd7bd1e7a6c2a41b..4527136ff1c6a5b1aa6e9993f67e46698a742302 100644
--- a/components/i/Logo.vue
+++ b/components/i/Logo.vue
@@ -1,5 +1,5 @@
 <template>
     <div class="flex justify-center">
-        <div class="font-mono text-2xl font-medium">GitBot.AI</div>
+        <NuxtLink to="/" class="font-mono text-2xl font-medium">GitBot.AI</NuxtLink>
     </div>
 </template>
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index 2ae0f07811350966c3eb01cf907b0075d2de22d0..9d259e9ff433837fe63ccab4ba2d1a3140b4cbd2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,33 +1,5 @@
 <template>
     <div class="flex items-center justify-center w-full h-full">
-        <div class="max-w-screen-sm w-full flex flex-col space-y-4 p-6">
-            <UTextarea
-                v-model="query"
-                autoresize
-                placeholder="输入搜索内容..."
-                :rows="5"
-            />
-            <div class="flex justify-between">
-                <USelectMenu
-                    class="min-w-40"
-                    v-model="selectedRepo"
-                    :options="repos"
-                    placeholder="选择 GitHub 项目"
-                    searchable
-                />
-                <UButton
-                    trailing-icon="i-heroicons-chevron-right-20-solid"
-                    @click="handleSearch"
-                >搜索</UButton>
-            </div>
-        </div>
+        <ICreate />
     </div>
 </template>
-<script setup>
-const query = ref('')
-const selectedRepo = ref('https://github.com/keycloak/keycloak.git')
-const repos = ['keycloak', 'ViewUIPlus']
-const handleSearch = () => {
-    navigateTo(`/search/1?query=${query.value}&repo=${selectedRepo.value}`);
-}
-</script>