diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index e8033344..e54a824f 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -35,6 +35,7 @@ settings:
     mandarin_cn: 官话
     mandarin_tw: 官話
     jyut: 廣東話
+  startup_page: 启动页
   recommendation_mode: 推荐模式
   recommendation_mode_desc: >
     如果您想使用 app 端的推荐算法，请先授权 BewlyBewly 使用 access key。
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index d14ead9f..366d19b3 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -35,6 +35,7 @@ settings:
     mandarin_cn: 官话
     mandarin_tw: 官話
     jyut: 廣東話
+  startup_page: 起始頁面
   recommendation_mode: 推薦模式
   recommendation_mode_desc: >
     如果您想要使用手機端的推薦演算法，請先授權 BewlyBewly 使用 access key。
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index 41e56b12..453e73df 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -35,6 +35,7 @@ settings:
     mandarin_cn: Mandarin - Simplified Chinese
     mandarin_tw: Mandarin - Traditional Chinese
     jyut: Cantonese
+  startup_page: Startup page
   recommendation_mode: Recommendation mode
   recommendation_mode_desc: >
     If you want to use the recommendation algorithm on the app, please ensure that you authorize the BewlyBewly to use the access key first.
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index db95a749..893e9cd2 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -35,6 +35,7 @@ settings:
     mandarin_cn: 官话
     mandarin_tw: 官話
     jyut: 廣東話
+  startup_page: 開始頁面
   recommendation_mode: 推介模式
   recommendation_mode_desc: >
     若然你想用手機版嘅推介演算法，就要俾 BewlyBewly 批准使用存取 access key。
diff --git a/src/components/Settings/components/General.vue b/src/components/Settings/components/General.vue
index c6c28068..f78a5d68 100644
--- a/src/components/Settings/components/General.vue
+++ b/src/components/Settings/components/General.vue
@@ -1,10 +1,11 @@
 <script lang="ts" setup>
 import { useI18n } from 'vue-i18n'
 import { settings } from '~/logic'
+import { AppPage } from '~/enums/appEnums'
 
 const { t, locale } = useI18n()
 
-const langs = computed(() => {
+const langOptions = computed(() => {
   return [
     {
       value: 'en',
@@ -41,6 +42,17 @@ const dockPositions = computed(() => {
   ]
 })
 
+const pageOptions = computed((): { label: string; value: string }[] => {
+  return [
+    { label: t('dock.search'), value: AppPage.Search },
+    { label: t('dock.home'), value: AppPage.Home },
+    { label: t('dock.anime'), value: AppPage.Anime },
+    { label: t('dock.history'), value: AppPage.History },
+    { label: t('dock.favorites'), value: AppPage.Favorites },
+    { label: t('dock.watch_later'), value: AppPage.WatchLater },
+  ]
+})
+
 watch(() => settings.value.language, (newValue, oldValue) => {
   locale.value = newValue
 })
@@ -49,9 +61,16 @@ watch(() => settings.value.language, (newValue, oldValue) => {
 <template>
   <SettingItem :title="$t('settings.select_language')">
     <Select
-      ref="langsSelect"
       v-model="settings.language"
-      :options="langs"
+      :options="langOptions"
+      w="full"
+    />
+  </SettingItem>
+
+  <SettingItem :title="$t('settings.startup_page')">
+    <Select
+      v-model="settings.startupPage"
+      :options="pageOptions"
       w="full"
     />
   </SettingItem>
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index cb345eca..fe745028 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -16,7 +16,7 @@ import { AppPage, LanguageType } from '~/enums/appEnums'
 import { getUserID, hexToRGBA, smoothScrollToTop } from '~/utils/main'
 import emitter from '~/utils/mitt'
 
-const activatedPage = ref<AppPage>(AppPage.Home)
+const activatedPage = ref<AppPage>(settings.value.startupPage ?? AppPage.Home)
 const { locale } = useI18n()
 const [showSettings, toggleSettings] = useToggle(false)
 // const isDark = useDark({
diff --git a/src/logic/storage.ts b/src/logic/storage.ts
index 2c14f869..52c3e375 100644
--- a/src/logic/storage.ts
+++ b/src/logic/storage.ts
@@ -1,4 +1,5 @@
 import { useStorageLocal } from '~/composables/useStorageLocal'
+import { AppPage } from '~/enums/appEnums'
 import type { Settings } from '~/models/models'
 
 export const storageDemo = useStorageLocal('webext-demo', 'Storage Demo')
@@ -6,6 +7,7 @@ export const accessKey = useStorageLocal('accessKey', '')
 
 export const settings = useStorageLocal('settings', ref<Settings>({
   language: '',
+  startupPage: AppPage.Home,
   isShowTopbar: true,
   dockPosition: 'right',
   enableHorizontalScrolling: false,
diff --git a/src/models/models.ts b/src/models/models.ts
index 9c6daa56..e1ea5ad8 100644
--- a/src/models/models.ts
+++ b/src/models/models.ts
@@ -1,5 +1,8 @@
+import type { AppPage } from '~/enums/appEnums'
+
 export interface Settings {
   language: string
+  startupPage: AppPage
   isShowTopbar: boolean
   dockPosition: 'left' | 'right' | 'bottom'
   enableHorizontalScrolling: boolean