diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 12d32d8..d907ea1 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,17 +1,15 @@
 <template>
-  <el-menu
-    mode="horizontal"
-    router
-  >
+  <el-menu mode="horizontal" router>
     <el-menu-item index="/">首页</el-menu-item>
-    <el-menu-item >
-      <a href="blog.kisechan.space" target="_blank">博客</a>
-    </el-menu-item>
+    <el-menu-item @click="goToBlog">博客</el-menu-item>
     <el-menu-item index="/about">关于</el-menu-item>
   </el-menu>
 </template>
 
 <script setup>
+const goToBlog = () => {
+  window.open("https://blog.kisechan.space", "_blank");
+};
 </script>
 
 <style scoped>
@@ -19,4 +17,4 @@
   display: flex;
   justify-content: center;
 }
-</style>
\ No newline at end of file
+</style>