diff --git a/themes/hexo/components/MenuButtonGroupTop.js b/themes/hexo/components/MenuButtonGroupTop.js
index 0d21721f..c8d087fc 100644
--- a/themes/hexo/components/MenuButtonGroupTop.js
+++ b/themes/hexo/components/MenuButtonGroupTop.js
@@ -22,7 +22,7 @@ const MenuButtonGroupTop = (props) => {
     {links.map(link => {
       if (link.show) {
         return <Link key={`${link.to}`} title={link.to} href={link.to} >
-          <a className={'py-1.5 my-1 px-3 duration-300 text-base justify-center items-center cursor-pointer'} >
+          <a target={link.to.indexOf('http') === 0 ? '_blank' : '_self'} className={'py-1.5 my-1 px-3 duration-300 text-base justify-center items-center cursor-pointer'} >
             <div className='w-full flex text-sm items-center justify-center hover:scale-105 transform'>
               <i className={`${link.icon} mr-1`}/>
               <div className='text-center'>{link.name}</div>
diff --git a/themes/hexo/components/MenuGroupCard.js b/themes/hexo/components/MenuGroupCard.js
index 3c8fee64..a36aede5 100644
--- a/themes/hexo/components/MenuGroupCard.js
+++ b/themes/hexo/components/MenuGroupCard.js
@@ -20,7 +20,7 @@ const MenuGroupCard = (props) => {
       {links.map(link => {
         if (link.show) {
           return <Link key={`${link.to}`} title={link.to} href={link.to} >
-          <a className={'py-1.5 my-1 px-2 duration-300 text-base justify-center items-center cursor-pointer'} >
+          <a target={link.to.indexOf('http') === 0 ? '_blank' : '_self'} className={'py-1.5 my-1 px-2 duration-300 text-base justify-center items-center cursor-pointer'} >
               <div className='w-full items-center justify-center hover:scale-105 duration-200 transform dark:hover:text-indigo-400 hover:text-indigo-600'>
                 <div className='text-center'>{link.name}</div>
                 <div className='text-center font-semibold'>{link.slot}</div>
diff --git a/themes/hexo/components/MenuList.js b/themes/hexo/components/MenuList.js
index bf8ac23b..c8103624 100644
--- a/themes/hexo/components/MenuList.js
+++ b/themes/hexo/components/MenuList.js
@@ -22,23 +22,23 @@ const MenuList = (props) => {
   }
 
   return <nav id='nav' className='leading-8 text-gray-500 dark:text-gray-400 font-sans'>
-      {links.map(link => {
-        if (link && link.show) {
-          const selected = (router.pathname === link.to) || (router.asPath === link.to)
-          return <Link key={`${link.to}`} title={link.to} href={link.to} >
-          <a className={'py-1.5 px-5 text-base justify-between hover:bg-indigo-400 hover:text-white hover:shadow-lg cursor-pointer font-light flex flex-nowrap items-center ' +
-              (selected ? 'bg-gray-200 text-black' : ' ')} >
-              <div className='my-auto items-center justify-center flex '>
-                <i className={`${link.icon} w-4 text-center`} />
-                <div className={'ml-4'}>{link.name}</div>
-              </div>
-              {link.slot}
-            </a>
-          </Link>
-        } else {
-          return null
-        }
-      })}
-    </nav>
+    {links.map(link => {
+      if (link && link.show) {
+        const selected = (router.pathname === link.to) || (router.asPath === link.to)
+        return <Link key={`${link.to}`} title={link.to} href={link.to} >
+          <a target='_blank' className={'py-1.5 px-5 text-base justify-between hover:bg-indigo-400 hover:text-white hover:shadow-lg cursor-pointer font-light flex flex-nowrap items-center ' +
+            (selected ? 'bg-gray-200 text-black' : ' ')} >
+            <div className='my-auto items-center justify-center flex '>
+              <i className={`${link.icon} w-4 text-center`} />
+              <div className={'ml-4'}>{link.name}</div>
+            </div>
+            {link.slot}
+          </a>
+        </Link>
+      } else {
+        return null
+      }
+    })}
+  </nav>
 }
 export default MenuList