diff --git a/src/layout/components/header/components/GithubSite.vue b/src/layout/components/header/components/GithubSite.vue
new file mode 100644
index 0000000..05be6f0
--- /dev/null
+++ b/src/layout/components/header/components/GithubSite.vue
@@ -0,0 +1,14 @@
+<template>
+  <n-icon mr20 size="18" style="cursor: pointer" @click="handleLinkClick">
+    <IconGithub />
+  </n-icon>
+</template>
+
+<script setup>
+import { IconGithub } from '@/components/AppIcons'
+function handleLinkClick() {
+  window.open('https://github.com/zclzone/vue-naive-admin')
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/layout/components/header/index.vue b/src/layout/components/header/index.vue
index b3290f2..6d53649 100644
--- a/src/layout/components/header/index.vue
+++ b/src/layout/components/header/index.vue
@@ -5,6 +5,7 @@
       <BreadCrumb ml-15 />
     </div>
     <div class="h-right">
+      <GithubSite />
       <FullScreen />
       <UserAvatar />
     </div>
@@ -16,6 +17,7 @@ import BreadCrumb from './components/BreadCrumb.vue'
 import MenuCollapse from './components/MenuCollapse.vue'
 import FullScreen from './components/FullScreen.vue'
 import UserAvatar from './components/UserAvatar.vue'
+import GithubSite from './components/GithubSite.vue'
 </script>
 
 <style lang="scss" scoped>