diff --git a/assets/markdown.scss b/assets/markdown.scss
index 67ea175..4a33475 100644
--- a/assets/markdown.scss
+++ b/assets/markdown.scss
@@ -91,8 +91,8 @@
     position: relative;
 
     code span {
-      font-family: 'Noto Sans Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-        'Courier New', monospace;
+      font-family: 'Noto Sans Mono', ui-monospace, SFMono-Regular, Menlo, Monaco,
+        Consolas, 'Liberation Mono', 'Courier New', monospace;
     }
   }
 
diff --git a/components/Navigation.vue b/components/Navigation.vue
index 91679c1..4137cb9 100644
--- a/components/Navigation.vue
+++ b/components/Navigation.vue
@@ -14,7 +14,7 @@ const { data: navigation } = await useAsyncData('nav', async () => {
       <NuxtLink v-for="item in navigation" :key="item._id" :href="item._path">
         {{ item.title }}
       </NuxtLink>
-      <NuxtLink href="/resume">
+      <NuxtLink href="/resume" target="_blank">
         简历
       </NuxtLink>
       <nuxt-link to="https://github.com/gjssss" target="_blank">
diff --git a/components/content/ProsePre.vue b/components/content/ProsePre.vue
index c1de01b..b2e4775 100644
--- a/components/content/ProsePre.vue
+++ b/components/content/ProsePre.vue
@@ -59,7 +59,7 @@ function showMsg() {
     <div v-if="copyTrigger" class="copy">
       {{ copyMsg }}
     </div>
-    <div v-else class="i-carbon-copy copy op-trans" title="copy code" @click="copyHandle" />
+    <div v-else class="copy op-trans i-carbon-copy" title="copy code" @click="copyHandle" />
     <pre :class="$props.class" class="font-mono"><slot /></pre>
   </div>
 </template>
diff --git a/layouts/resume.vue b/layouts/resume.vue
index 274a772..547e113 100644
--- a/layouts/resume.vue
+++ b/layouts/resume.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-
+useHead({
+  title: 'GJSSSS | 简历',
+})
 </script>
 
 <template>
diff --git a/package.json b/package.json
index c131665..be9731e 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@iconify-json/twemoji": "^1.1.15",
     "@nuxtjs/color-mode": "^3.3.2",
     "@pinia/nuxt": "^0.5.1",
+    "@shikijs/twoslash": "^1.1.7",
     "@types/lodash-es": "^4.17.12",
     "@unocss/eslint-config": "^0.58.5",
     "@unocss/nuxt": "^0.58.5",
diff --git a/pages/[...path].vue b/pages/[...path].vue
index 82f82eb..c146d98 100644
--- a/pages/[...path].vue
+++ b/pages/[...path].vue
@@ -3,7 +3,11 @@ const route = useRoute()
 const paths = (route.params as any).path || ['']
 paths.unshift('')
 const path = paths.join('/')
-const { data, error } = useAsyncData(path, () => queryContent(path).findOne())
+const { data, error } = await useAsyncData(path, () => queryContent(path).findOne())
+
+useHead({
+  title: data.value?.title ? `GJSSSS | ${data.value.title}` : 'GJSSSS',
+})
 </script>
 
 <template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 168c653..14322a0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -28,6 +28,9 @@ devDependencies:
   '@pinia/nuxt':
     specifier: ^0.5.1
     version: 0.5.1(typescript@5.3.3)(vue@3.4.19)
+  '@shikijs/twoslash':
+    specifier: ^1.1.7
+    version: 1.1.7(typescript@5.3.3)
   '@types/lodash-es':
     specifier: ^4.17.12
     version: 4.17.12
@@ -2239,12 +2242,26 @@ packages:
   /@shikijs/core@1.1.5:
     resolution: {integrity: sha512-cKc5vGQ4p/4sjx48BHIO7CvLaN32vqpz5Wh7v2n+U1EezGdfX4Wms7khBctKz3iCg9yYq4sfGUc2t+JWj6EUsw==}
 
+  /@shikijs/core@1.1.7:
+    resolution: {integrity: sha512-gTYLUIuD1UbZp/11qozD3fWpUTuMqPSf3svDMMrL0UmlGU7D9dPw/V1FonwAorCUJBltaaESxq90jrSjQyGixg==}
+    dev: true
+
   /@shikijs/transformers@1.1.4:
     resolution: {integrity: sha512-n0fMvBkxMZbUZOEp/Dd9lnFG/4zG6TScEYaBeQTygOkMCEnNkZ5Oxedm9cDfWONAWhcYyRomJtAa3gqEnnXsFw==}
     dependencies:
       shiki: 1.1.4
     dev: false
 
+  /@shikijs/twoslash@1.1.7(typescript@5.3.3):
+    resolution: {integrity: sha512-WH/Ee67eixqDWjsAUXIJQUgRzPDApsz7Bci65Yobc7SWHNc8T2sY1UBa+MCV2mAj0D6VCYBwWlNxMDTfhN7K0Q==}
+    dependencies:
+      '@shikijs/core': 1.1.7
+      twoslash: 0.2.4(typescript@5.3.3)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /@sigstore/bundle@2.1.1:
     resolution: {integrity: sha512-v3/iS+1nufZdKQ5iAlQKcCsoh0jffQyABvYIxKsZQFWc4ubuGjwZklFHpDgV6O6T7vvV78SW5NHI91HFKEcxKg==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -2739,6 +2756,14 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
+  /@typescript/vfs@1.5.0:
+    resolution: {integrity: sha512-AJS307bPgbsZZ9ggCT3wwpg3VbTKMFNHfaY/uF0ahSkYYrPF2dSSKDNIDIQAHm9qJqbLvCsSJH7yN4Vs/CsMMg==}
+    dependencies:
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
@@ -9028,6 +9053,22 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /twoslash-protocol@0.2.4:
+    resolution: {integrity: sha512-AEGTJj4mFGfvQc/M6qi0+s82Zq+mxLcjWZU+EUHGG8LQElyHDs+uDR+/3+m1l+WP7WL+QmWrVzFXgFX+hBg+bg==}
+    dev: true
+
+  /twoslash@0.2.4(typescript@5.3.3):
+    resolution: {integrity: sha512-hc3y11BjLHP4kV37TR6lUKksxpZp0LQi9kCy95ka6qobye/gV49PqXZIuWlRaRVGNvp4AJBMg8aiwkp0M8x/nQ==}
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@typescript/vfs': 1.5.0
+      twoslash-protocol: 0.2.4
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}