diff --git a/webui/components.d.ts b/webui/components.d.ts
index 5bd8f26..89524f4 100644
--- a/webui/components.d.ts
+++ b/webui/components.d.ts
@@ -33,6 +33,7 @@ declare module 'vue' {
     NMenu: typeof import('naive-ui')['NMenu']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
     NP: typeof import('naive-ui')['NP']
+    NPopover: typeof import('naive-ui')['NPopover']
     NSelect: typeof import('naive-ui')['NSelect']
     NSwitch: typeof import('naive-ui')['NSwitch']
     NTag: typeof import('naive-ui')['NTag']
@@ -65,6 +66,7 @@ declare global {
   const NMenu: typeof import('naive-ui')['NMenu']
   const NMessageProvider: typeof import('naive-ui')['NMessageProvider']
   const NP: typeof import('naive-ui')['NP']
+  const NPopover: typeof import('naive-ui')['NPopover']
   const NSelect: typeof import('naive-ui')['NSelect']
   const NSwitch: typeof import('naive-ui')['NSwitch']
   const NTag: typeof import('naive-ui')['NTag']
diff --git a/webui/src/coms/HeaderNav.vue b/webui/src/coms/HeaderNav.vue
index 1845d9d..bb6fc2c 100644
--- a/webui/src/coms/HeaderNav.vue
+++ b/webui/src/coms/HeaderNav.vue
@@ -5,9 +5,28 @@
     <div id="nav-title">
       <n-h3 class="no-margin-bottom">NJUPT Suan API</n-h3>
     </div>
-    <n-button secondary type="primary">概览</n-button>
-    <n-button secondary type="info">GitHub</n-button>
-    <n-button secondary type="error">芒果</n-button>
+    <a href="https://suan.mangofanfan.cn/" target="_blank">
+      <n-button secondary type="primary">概览</n-button>
+    </a>
+    <n-popover trigger="hover">
+      <template #trigger>
+        <n-button secondary type="info">源码</n-button>
+      </template>
+      <n-p class="no-margin-bottom"
+        >NJUPT Suan API 的代码开源在以下两个地方，后面的那个可能更快？</n-p
+      >
+      <n-flex justify="center">
+        <a href="https://github.com/mangofanfan/NJUPT-Suan-API" target="_blank">
+          <n-button secondary type="info">GitHub</n-button>
+        </a>
+        <a href="https://gitea.mangofanfan.cn/SuanDev/NJUPT-Suan-API" target="_blank">
+          <n-button secondary type="success">Mango Gitea</n-button>
+        </a>
+      </n-flex>
+    </n-popover>
+    <a href="https://mangofanfan.cn/" target="_blank">
+      <n-button secondary type="error">芒果</n-button>
+    </a>
   </div>
 </template>