diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 0b07a96..defe3e0 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -11,6 +11,8 @@
           <Breadcrumb />
         </div>
         <div class="flex-y-center h-full">
+          <Refresh />
+          <Search />
           <Notices />
           <Github />
           <FullScreen />
@@ -44,6 +46,8 @@ import {
   Github,
   Notices,
   UserCenter,
+  Search,
+  Refresh,
 } from '../components';
 
 const appStore = useAppStore();
diff --git a/src/layouts/components/header/Refresh.vue b/src/layouts/components/header/Refresh.vue
new file mode 100644
index 0000000..628036d
--- /dev/null
+++ b/src/layouts/components/header/Refresh.vue
@@ -0,0 +1,17 @@
+<template>
+  <n-tooltip placement="bottom" trigger="hover">
+    <template #trigger>
+      <HeaderButton @click="handleRefresh"><e-icon icon="icon-park-outline:refresh" /></HeaderButton>
+    </template>
+    <span>刷新页面</span>
+  </n-tooltip>
+</template>
+
+<script setup lang="ts">
+import HeaderButton from '../common/HeaderButton.vue';
+const handleRefresh = () => {
+  window.open('https://github.com/chen-see');
+};
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/components/header/Search.vue b/src/layouts/components/header/Search.vue
new file mode 100644
index 0000000..1c19d07
--- /dev/null
+++ b/src/layouts/components/header/Search.vue
@@ -0,0 +1,17 @@
+<template>
+  <n-tooltip placement="bottom" trigger="hover">
+    <template #trigger>
+      <HeaderButton @click="handleSearch"><e-icon icon="icon-park-outline:search" /></HeaderButton>
+    </template>
+    <span>搜索</span>
+  </n-tooltip>
+</template>
+
+<script setup lang="ts">
+import HeaderButton from '../common/HeaderButton.vue';
+const handleSearch = () => {
+  window.open('https://github.com/chen-see');
+};
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/components/index.ts b/src/layouts/components/index.ts
index 48624a7..8474ad0 100644
--- a/src/layouts/components/index.ts
+++ b/src/layouts/components/index.ts
@@ -11,5 +11,20 @@ import Setting from './header/Setting.vue';
 import Github from './header/Github.vue';
 import Notices from './header/Notices.vue';
 import UserCenter from './header/UserCenter.vue';
+import Search from './header/Search.vue';
+import Refresh from './header/Refresh.vue';
 
-export { Breadcrumb, CollapaseButton, Menu, Logo, FullScreen, DarkMode, Setting, Github, Notices, UserCenter };
+export {
+  Breadcrumb,
+  CollapaseButton,
+  Menu,
+  Logo,
+  FullScreen,
+  DarkMode,
+  Setting,
+  Github,
+  Notices,
+  UserCenter,
+  Search,
+  Refresh,
+};