From 3caab77bfdca912248cc6f5632039c344c08d45d Mon Sep 17 00:00:00 2001
From: pikachuim <pikachuim@qq.com>
Date: Mon, 9 Mar 2026 14:49:58 +0800
Subject: [PATCH 1/2] feat(func): support virtual host

---
 src/lang/en/entry.ts                          |   2 +
 src/lang/en/manage.json                       |   1 +
 src/lang/en/virtual_hosts.json                |   9 ++
 src/pages/manage/routes.tsx                   |   8 ++
 src/pages/manage/sidemenu_items.tsx           |   7 +
 src/pages/manage/virtual_hosts/AddOrEdit.tsx  | 127 ++++++++++++++++++
 .../manage/virtual_hosts/VirtualHosts.tsx     | 115 ++++++++++++++++
 src/types/index.ts                            |   1 +
 src/types/virtual_host.ts                     |   7 +
 9 files changed, 277 insertions(+)
 create mode 100644 src/lang/en/virtual_hosts.json
 create mode 100644 src/pages/manage/virtual_hosts/AddOrEdit.tsx
 create mode 100644 src/pages/manage/virtual_hosts/VirtualHosts.tsx
 create mode 100644 src/types/virtual_host.ts

diff --git a/src/lang/en/entry.ts b/src/lang/en/entry.ts
index c9ab66178..238c69933 100644
--- a/src/lang/en/entry.ts
+++ b/src/lang/en/entry.ts
@@ -13,6 +13,7 @@ import shares from "./shares.json"
 import storages from "./storages.json"
 import tasks from "./tasks.json"
 import users from "./users.json"
+import virtual_hosts from "./virtual_hosts.json"
 
 export const dict = {
   br,
@@ -30,4 +31,5 @@ export const dict = {
   storages,
   tasks,
   users,
+  virtual_hosts,
 }
diff --git a/src/lang/en/manage.json b/src/lang/en/manage.json
index 5829c6ee7..226958751 100644
--- a/src/lang/en/manage.json
+++ b/src/lang/en/manage.json
@@ -11,6 +11,7 @@
     "storages": "Storages",
     "shares": "Shares",
     "metas": "Metas",
+    "virtual_hosts": "Virtual Hosts",
     "profile": "Profile",
     "about": "About",
     "tasks": "Tasks",
diff --git a/src/lang/en/virtual_hosts.json b/src/lang/en/virtual_hosts.json
new file mode 100644
index 000000000..7e04017aa
--- /dev/null
+++ b/src/lang/en/virtual_hosts.json
@@ -0,0 +1,9 @@
+{
+  "domain": "Domain",
+  "domain_help": "The domain name to bind (e.g. blog.example.com)",
+  "path": "Path",
+  "path_help": "The OpenList path to map this domain to",
+  "enabled": "Enabled",
+  "web_hosting": "Web Hosting",
+  "web_hosting_help": "If enabled, HTML files will be served directly instead of the file browser"
+}
diff --git a/src/pages/manage/routes.tsx b/src/pages/manage/routes.tsx
index 5fa444dfb..9da937714 100644
--- a/src/pages/manage/routes.tsx
+++ b/src/pages/manage/routes.tsx
@@ -39,6 +39,14 @@ const hide_routes: Route[] = [
     to: "/metas/edit/:id",
     component: lazy(() => import("./metas/AddOrEdit")),
   },
+  {
+    to: "/virtual_hosts/add",
+    component: lazy(() => import("./virtual_hosts/AddOrEdit")),
+  },
+  {
+    to: "/virtual_hosts/edit/:id",
+    component: lazy(() => import("./virtual_hosts/AddOrEdit")),
+  },
   {
     to: "/2fa",
     component: lazy(() => import("./users/2fa")),
diff --git a/src/pages/manage/sidemenu_items.tsx b/src/pages/manage/sidemenu_items.tsx
index 6776e38e4..360d1e00a 100644
--- a/src/pages/manage/sidemenu_items.tsx
+++ b/src/pages/manage/sidemenu_items.tsx
@@ -14,6 +14,7 @@ import {
   BsBucket,
   BsHddNetwork,
   BsArrowLeftRight,
+  BsGlobe,
 } from "solid-icons/bs"
 import { FiLogIn } from "solid-icons/fi"
 import { SiMetabase } from "solid-icons/si"
@@ -187,6 +188,12 @@ export const side_menu_items: SideMenuItem[] = [
     to: "/@manage/metas",
     component: lazy(() => import("./metas/Metas")),
   },
+  {
+    title: "manage.sidemenu.virtual_hosts",
+    icon: BsGlobe,
+    to: "/@manage/virtual_hosts",
+    component: lazy(() => import("./virtual_hosts/VirtualHosts")),
+  },
   {
     title: "manage.sidemenu.indexes",
     icon: BsSearch,
diff --git a/src/pages/manage/virtual_hosts/AddOrEdit.tsx b/src/pages/manage/virtual_hosts/AddOrEdit.tsx
new file mode 100644
index 000000000..ad8d264d8
--- /dev/null
+++ b/src/pages/manage/virtual_hosts/AddOrEdit.tsx
@@ -0,0 +1,127 @@
+import {
+  Button,
+  Switch as HopeSwitch,
+  FormControl,
+  FormHelperText,
+  FormLabel,
+  Heading,
+  Input,
+  VStack,
+} from "@hope-ui/solid"
+import { MaybeLoading, FolderChooseInput } from "~/components"
+import { useFetch, useRouter, useT } from "~/hooks"
+import { handleResp, notify, r } from "~/utils"
+import { VirtualHost, PEmptyResp, PResp } from "~/types"
+import { createStore } from "solid-js/store"
+
+const AddOrEdit = () => {
+  const t = useT()
+  const { params, back } = useRouter()
+  const { id } = params
+  const [vhost, setVhost] = createStore<VirtualHost>({
+    id: 0,
+    enabled: true,
+    domain: "",
+    path: "",
+    web_hosting: false,
+  })
+  const [vhostLoading, loadVhost] = useFetch(
+    (): PResp<VirtualHost> => r.get(`/admin/vhost/get?id=${id}`),
+  )
+
+  const initEdit = async () => {
+    const resp = await loadVhost()
+    handleResp<VirtualHost>(resp, setVhost)
+  }
+  if (id) {
+    initEdit()
+  }
+  const [okLoading, ok] = useFetch((): PEmptyResp => {
+    return r.post(`/admin/vhost/${id ? "update" : "create"}`, vhost)
+  })
+  return (
+    <MaybeLoading loading={vhostLoading()}>
+      <VStack w="$full" alignItems="start" spacing="$4">
+        <Heading>{t(`global.${id ? "edit" : "add"}`)}</Heading>
+
+        {/* 启用开关 */}
+        <FormControl
+          w="$full"
+          display="flex"
+          flexDirection="row"
+          alignItems="center"
+          gap="$3"
+        >
+          <FormLabel for="enabled" mb="0">
+            {t("virtual_hosts.enabled")}
+          </FormLabel>
+          <HopeSwitch
+            id="enabled"
+            checked={vhost.enabled}
+            onChange={(e: any) => setVhost("enabled", e.currentTarget.checked)}
+          />
+        </FormControl>
+
+        {/* 域名 */}
+        <FormControl w="$full" display="flex" flexDirection="column" required>
+          <FormLabel for="domain">{t("virtual_hosts.domain")}</FormLabel>
+          <Input
+            id="domain"
+            placeholder="example.com"
+            value={vhost.domain}
+            onInput={(e) => setVhost("domain", e.currentTarget.value)}
+          />
+          <FormHelperText>{t("virtual_hosts.domain_help")}</FormHelperText>
+        </FormControl>
+
+        {/* 路径 */}
+        <FormControl w="$full" display="flex" flexDirection="column" required>
+          <FormLabel for="path">{t("virtual_hosts.path")}</FormLabel>
+          <FolderChooseInput
+            id="path"
+            value={vhost.path}
+            onChange={(path) => setVhost("path", path)}
+          />
+          <FormHelperText>{t("virtual_hosts.path_help")}</FormHelperText>
+        </FormControl>
+
+        {/* Web 托管开关 */}
+        <FormControl w="$full" display="flex" flexDirection="column">
+          <FormControl
+            display="flex"
+            flexDirection="row"
+            alignItems="center"
+            gap="$3"
+          >
+            <FormLabel for="web_hosting" mb="0">
+              {t("virtual_hosts.web_hosting")}
+            </FormLabel>
+            <HopeSwitch
+              id="web_hosting"
+              checked={vhost.web_hosting}
+              onChange={(e: any) =>
+                setVhost("web_hosting", e.currentTarget.checked)
+              }
+            />
+          </FormControl>
+          <FormHelperText>{t("virtual_hosts.web_hosting_help")}</FormHelperText>
+        </FormControl>
+
+        <Button
+          loading={okLoading()}
+          onClick={async () => {
+            const resp = await ok()
+            handleResp(resp, () => {
+              notify.success(t("global.save_success"))
+              back()
+            })
+          }}
+        >
+          {t(`global.${id ? "save" : "add"}`)}
+        </Button>
+      </VStack>
+    </MaybeLoading>
+  )
+}
+
+export default AddOrEdit
diff --git a/src/pages/manage/virtual_hosts/VirtualHosts.tsx b/src/pages/manage/virtual_hosts/VirtualHosts.tsx
new file mode 100644
index 000000000..80dc39015
--- /dev/null
+++ b/src/pages/manage/virtual_hosts/VirtualHosts.tsx
@@ -0,0 +1,115 @@
+import {
+  Box,
+  Button,
+  HStack,
+  Table,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr,
+  VStack,
+} from "@hope-ui/solid"
+import { createSignal, For } from "solid-js"
+import {
+  useFetch,
+  useListFetch,
+  useManageTitle,
+  useRouter,
+  useT,
+} from "~/hooks"
+import { handleResp, notify, r } from "~/utils"
+import { VirtualHost, PEmptyResp, PPageResp } from "~/types"
+import { DeletePopover } from "../common/DeletePopover"
+import { Wether } from "~/components"
+
+const VirtualHosts = () => {
+  const t = useT()
+  useManageTitle("manage.sidemenu.virtual_hosts")
+  const { to } = useRouter()
+  const [getVhostsLoading, getVhosts] = useFetch(
+    (): PPageResp<VirtualHost> => r.get("/admin/vhost/list"),
+  )
+  const [vhosts, setVhosts] = createSignal<VirtualHost[]>([])
+  const refresh = async () => {
+    const resp = await getVhosts()
+    handleResp(resp, (data) => setVhosts(data.content))
+  }
+  refresh()
+
+  const [deleting, deleteVhost] = useListFetch(
+    (id: number): PEmptyResp => r.post(`/admin/vhost/delete?id=${id}`),
+  )
+  return (
+    <VStack spacing="$2" alignItems="start" w="$full">
+      <HStack spacing="$2">
+        <Button
+          colorScheme="accent"
+          loading={getVhostsLoading()}
+          onClick={refresh}
+        >
+          {t("global.refresh")}
+        </Button>
+        <Button
+          onClick={() => {
+            to("/@manage/virtual_hosts/add")
+          }}
+        >
+          {t("global.add")}
+        </Button>
+      </HStack>
+      <Box w="$full" overflowX="auto">
+        <Table highlightOnHover dense>
+          <Thead>
+            <Tr>
+              <For each={["domain", "path", "enabled", "web_hosting"]}>
+                {(title) => <Th>{t(`virtual_hosts.${title}`)}</Th>}
+              </For>
+              <Th>{t("global.operations")}</Th>
+            </Tr>
+          </Thead>
+          <Tbody>
+            <For each={vhosts()}>
+              {(vhost) => (
+                <Tr>
+                  <Td>{vhost.domain}</Td>
+                  <Td>{vhost.path}</Td>
+                  <Td>
+                    <Wether yes={vhost.enabled} />
+                  </Td>
+                  <Td>
+                    <Wether yes={vhost.web_hosting} />
+                  </Td>
+                  <Td>
+                    <HStack spacing="$2">
+                      <Button
+                        onClick={() => {
+                          to(`/@manage/virtual_hosts/edit/${vhost.id}`)
+                        }}
+                      >
+                        {t("global.edit")}
+                      </Button>
+                      <DeletePopover
+                        name={vhost.domain}
+                        loading={deleting() === vhost.id}
+                        onClick={async () => {
+                          const resp = await deleteVhost(vhost.id)
+                          handleResp(resp, () => {
+                            notify.success(t("global.delete_success"))
+                            refresh()
+                          })
+                        }}
+                      />
+                    </HStack>
+                  </Td>
+                </Tr>
+              )}
+            </For>
+          </Tbody>
+        </Table>
+      </Box>
+    </VStack>
+  )
+}
+
+export default VirtualHosts
diff --git a/src/types/index.ts b/src/types/index.ts
index 52f45e97b..8241449c1 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -8,3 +8,4 @@ export * from "./item_type"
 export * from "./meta"
 export * from "./task"
 export * from "./share"
+export * from "./virtual_host"
diff --git a/src/types/virtual_host.ts b/src/types/virtual_host.ts
new file mode 100644
index 000000000..5114e5639
--- /dev/null
+++ b/src/types/virtual_host.ts
@@ -0,0 +1,7 @@
+export interface VirtualHost {
+  id: number
+  enabled: boolean
+  domain: string
+  path: string
+  web_hosting: boolean
+}

From e1c618ccd0097ad54e83a885b7a01328881e9b11 Mon Sep 17 00:00:00 2001
From: pikachuim <pikachuim@qq.com>
Date: Thu, 14 May 2026 12:13:35 +0800
Subject: [PATCH 2/2] feat(func): merge vhost_db to sharing_db

---
 src/lang/en/entry.ts                          |   2 -
 src/lang/en/manage.json                       |   1 -
 src/lang/en/shares.json                       |   6 +-
 src/lang/en/virtual_hosts.json                |   9 --
 src/pages/manage/routes.tsx                   |   8 --
 src/pages/manage/shares/AddOrEdit.tsx         |  19 +++
 src/pages/manage/shares/Share.tsx             |   5 +
 src/pages/manage/shares/Shares.tsx            |  11 +-
 src/pages/manage/sidemenu_items.tsx           |   7 -
 src/pages/manage/virtual_hosts/AddOrEdit.tsx  | 127 ------------------
 .../manage/virtual_hosts/VirtualHosts.tsx     | 115 ----------------
 src/types/index.ts                            |   1 -
 src/types/share.ts                            |   2 +
 src/types/virtual_host.ts                     |   7 -
 14 files changed, 41 insertions(+), 279 deletions(-)
 delete mode 100644 src/lang/en/virtual_hosts.json
 delete mode 100644 src/pages/manage/virtual_hosts/AddOrEdit.tsx
 delete mode 100644 src/pages/manage/virtual_hosts/VirtualHosts.tsx
 delete mode 100644 src/types/virtual_host.ts

diff --git a/src/lang/en/entry.ts b/src/lang/en/entry.ts
index 238c69933..c9ab66178 100644
--- a/src/lang/en/entry.ts
+++ b/src/lang/en/entry.ts
@@ -13,7 +13,6 @@ import shares from "./shares.json"
 import storages from "./storages.json"
 import tasks from "./tasks.json"
 import users from "./users.json"
-import virtual_hosts from "./virtual_hosts.json"
 
 export const dict = {
   br,
@@ -31,5 +30,4 @@ export const dict = {
   storages,
   tasks,
   users,
-  virtual_hosts,
 }
diff --git a/src/lang/en/manage.json b/src/lang/en/manage.json
index 226958751..5829c6ee7 100644
--- a/src/lang/en/manage.json
+++ b/src/lang/en/manage.json
@@ -11,7 +11,6 @@
     "storages": "Storages",
     "shares": "Shares",
     "metas": "Metas",
-    "virtual_hosts": "Virtual Hosts",
     "profile": "Profile",
     "about": "About",
     "tasks": "Tasks",
diff --git a/src/lang/en/shares.json b/src/lang/en/shares.json
index 75d807d6e..08054ff9a 100644
--- a/src/lang/en/shares.json
+++ b/src/lang/en/shares.json
@@ -37,5 +37,9 @@
   },
   "input_password": "Please enter Share Code",
   "copy_msg": "Copy link",
-  "no_permission_tip": "To create a share, you need \"Share\" permission."
+  "no_permission_tip": "To create a share, you need \"Share\" permission.",
+  "domain": "Domain",
+  "domain_help": "The domain name to bind (e.g. blog.example.com); leave empty for a normal share link.",
+  "web_hosting": "Web Hosting",
+  "web_hosting_help": "If enabled, HTML files will be served directly via the bound domain instead of the file browser."
 }
diff --git a/src/lang/en/virtual_hosts.json b/src/lang/en/virtual_hosts.json
deleted file mode 100644
index 7e04017aa..000000000
--- a/src/lang/en/virtual_hosts.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "domain": "Domain",
-  "domain_help": "The domain name to bind (e.g. blog.example.com)",
-  "path": "Path",
-  "path_help": "The OpenList path to map this domain to",
-  "enabled": "Enabled",
-  "web_hosting": "Web Hosting",
-  "web_hosting_help": "If enabled, HTML files will be served directly instead of the file browser"
-}
diff --git a/src/pages/manage/routes.tsx b/src/pages/manage/routes.tsx
index 9da937714..5fa444dfb 100644
--- a/src/pages/manage/routes.tsx
+++ b/src/pages/manage/routes.tsx
@@ -39,14 +39,6 @@ const hide_routes: Route[] = [
     to: "/metas/edit/:id",
     component: lazy(() => import("./metas/AddOrEdit")),
   },
-  {
-    to: "/virtual_hosts/add",
-    component: lazy(() => import("./virtual_hosts/AddOrEdit")),
-  },
-  {
-    to: "/virtual_hosts/edit/:id",
-    component: lazy(() => import("./virtual_hosts/AddOrEdit")),
-  },
   {
     to: "/2fa",
     component: lazy(() => import("./users/2fa")),
diff --git a/src/pages/manage/shares/AddOrEdit.tsx b/src/pages/manage/shares/AddOrEdit.tsx
index 0deffb106..96c3b0e62 100644
--- a/src/pages/manage/shares/AddOrEdit.tsx
+++ b/src/pages/manage/shares/AddOrEdit.tsx
@@ -170,6 +170,25 @@ const AddOrEdit = () => {
             setShare("header", h)
           }}
         />
+        <Item
+          name="domain"
+          type={Type.String}
+          value={share.domain ?? ""}
+          valid
+          placeholder="blog.example.com"
+          onChange={(d) => {
+            setShare("domain", d)
+          }}
+        />
+        <Item
+          name="web_hosting"
+          type={Type.Bool}
+          value={share.web_hosting ?? false}
+          valid
+          onChange={(w) => {
+            setShare("web_hosting", w)
+          }}
+        />
       </ResponsiveGrid>
       <Button
         mt="$2"
diff --git a/src/pages/manage/shares/Share.tsx b/src/pages/manage/shares/Share.tsx
index 34c61a32f..508131c3c 100644
--- a/src/pages/manage/shares/Share.tsx
+++ b/src/pages/manage/shares/Share.tsx
@@ -12,6 +12,7 @@ import {
 import { DeletePopover } from "../common/DeletePopover"
 import { getSetting, me } from "~/store"
 import { Show } from "solid-js"
+import { Wether } from "~/components"
 
 interface ShareProps {
   share: ShareInfo
@@ -139,6 +140,10 @@ export function ShareListItem(props: ShareProps) {
       <Td>{accessed()}</Td>
       <Td>{t(`shares.status_list.${status()}`)}</Td>
       <Td>{props.share.remark}</Td>
+      <Td>{props.share.domain ? props.share.domain : "-"}</Td>
+      <Td>
+        <Wether yes={!!props.share.web_hosting} />
+      </Td>
       <Td>
         <HStack spacing="$2">
           <Button
diff --git a/src/pages/manage/shares/Shares.tsx b/src/pages/manage/shares/Shares.tsx
index b3b223649..0156ee864 100644
--- a/src/pages/manage/shares/Shares.tsx
+++ b/src/pages/manage/shares/Shares.tsx
@@ -79,7 +79,16 @@ const Shares = () => {
               <Show when={UserMethods.is_admin(me())}>
                 <Th>{t(`shares.creator`)}</Th>
               </Show>
-              <For each={["expires", "accessed", "status", "remark"]}>
+              <For
+                each={[
+                  "expires",
+                  "accessed",
+                  "status",
+                  "remark",
+                  "domain",
+                  "web_hosting",
+                ]}
+              >
                 {(title) => <Th>{t(`shares.${title}`)}</Th>}
               </For>
               <Th>{t("global.operations")}</Th>
diff --git a/src/pages/manage/sidemenu_items.tsx b/src/pages/manage/sidemenu_items.tsx
index 360d1e00a..6776e38e4 100644
--- a/src/pages/manage/sidemenu_items.tsx
+++ b/src/pages/manage/sidemenu_items.tsx
@@ -14,7 +14,6 @@ import {
   BsBucket,
   BsHddNetwork,
   BsArrowLeftRight,
-  BsGlobe,
 } from "solid-icons/bs"
 import { FiLogIn } from "solid-icons/fi"
 import { SiMetabase } from "solid-icons/si"
@@ -188,12 +187,6 @@ export const side_menu_items: SideMenuItem[] = [
     to: "/@manage/metas",
     component: lazy(() => import("./metas/Metas")),
   },
-  {
-    title: "manage.sidemenu.virtual_hosts",
-    icon: BsGlobe,
-    to: "/@manage/virtual_hosts",
-    component: lazy(() => import("./virtual_hosts/VirtualHosts")),
-  },
   {
     title: "manage.sidemenu.indexes",
     icon: BsSearch,
diff --git a/src/pages/manage/virtual_hosts/AddOrEdit.tsx b/src/pages/manage/virtual_hosts/AddOrEdit.tsx
deleted file mode 100644
index ad8d264d8..000000000
--- a/src/pages/manage/virtual_hosts/AddOrEdit.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import {
-  Button,
-  Switch as HopeSwitch,
-  FormControl,
-  FormHelperText,
-  FormLabel,
-  Heading,
-  Input,
-  VStack,
-} from "@hope-ui/solid"
-import { MaybeLoading, FolderChooseInput } from "~/components"
-import { useFetch, useRouter, useT } from "~/hooks"
-import { handleResp, notify, r } from "~/utils"
-import { VirtualHost, PEmptyResp, PResp } from "~/types"
-import { createStore } from "solid-js/store"
-
-const AddOrEdit = () => {
-  const t = useT()
-  const { params, back } = useRouter()
-  const { id } = params
-  const [vhost, setVhost] = createStore<VirtualHost>({
-    id: 0,
-    enabled: true,
-    domain: "",
-    path: "",
-    web_hosting: false,
-  })
-  const [vhostLoading, loadVhost] = useFetch(
-    (): PResp<VirtualHost> => r.get(`/admin/vhost/get?id=${id}`),
-  )
-
-  const initEdit = async () => {
-    const resp = await loadVhost()
-    handleResp<VirtualHost>(resp, setVhost)
-  }
-  if (id) {
-    initEdit()
-  }
-  const [okLoading, ok] = useFetch((): PEmptyResp => {
-    return r.post(`/admin/vhost/${id ? "update" : "create"}`, vhost)
-  })
-  return (
-    <MaybeLoading loading={vhostLoading()}>
-      <VStack w="$full" alignItems="start" spacing="$4">
-        <Heading>{t(`global.${id ? "edit" : "add"}`)}</Heading>
-
-        {/* 启用开关 */}
-        <FormControl
-          w="$full"
-          display="flex"
-          flexDirection="row"
-          alignItems="center"
-          gap="$3"
-        >
-          <FormLabel for="enabled" mb="0">
-            {t("virtual_hosts.enabled")}
-          </FormLabel>
-          <HopeSwitch
-            id="enabled"
-            checked={vhost.enabled}
-            onChange={(e: any) => setVhost("enabled", e.currentTarget.checked)}
-          />
-        </FormControl>
-
-        {/* 域名 */}
-        <FormControl w="$full" display="flex" flexDirection="column" required>
-          <FormLabel for="domain">{t("virtual_hosts.domain")}</FormLabel>
-          <Input
-            id="domain"
-            placeholder="example.com"
-            value={vhost.domain}
-            onInput={(e) => setVhost("domain", e.currentTarget.value)}
-          />
-          <FormHelperText>{t("virtual_hosts.domain_help")}</FormHelperText>
-        </FormControl>
-
-        {/* 路径 */}
-        <FormControl w="$full" display="flex" flexDirection="column" required>
-          <FormLabel for="path">{t("virtual_hosts.path")}</FormLabel>
-          <FolderChooseInput
-            id="path"
-            value={vhost.path}
-            onChange={(path) => setVhost("path", path)}
-          />
-          <FormHelperText>{t("virtual_hosts.path_help")}</FormHelperText>
-        </FormControl>
-
-        {/* Web 托管开关 */}
-        <FormControl w="$full" display="flex" flexDirection="column">
-          <FormControl
-            display="flex"
-            flexDirection="row"
-            alignItems="center"
-            gap="$3"
-          >
-            <FormLabel for="web_hosting" mb="0">
-              {t("virtual_hosts.web_hosting")}
-            </FormLabel>
-            <HopeSwitch
-              id="web_hosting"
-              checked={vhost.web_hosting}
-              onChange={(e: any) =>
-                setVhost("web_hosting", e.currentTarget.checked)
-              }
-            />
-          </FormControl>
-          <FormHelperText>{t("virtual_hosts.web_hosting_help")}</FormHelperText>
-        </FormControl>
-
-        <Button
-          loading={okLoading()}
-          onClick={async () => {
-            const resp = await ok()
-            handleResp(resp, () => {
-              notify.success(t("global.save_success"))
-              back()
-            })
-          }}
-        >
-          {t(`global.${id ? "save" : "add"}`)}
-        </Button>
-      </VStack>
-    </MaybeLoading>
-  )
-}
-
-export default AddOrEdit
diff --git a/src/pages/manage/virtual_hosts/VirtualHosts.tsx b/src/pages/manage/virtual_hosts/VirtualHosts.tsx
deleted file mode 100644
index 80dc39015..000000000
--- a/src/pages/manage/virtual_hosts/VirtualHosts.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import {
-  Box,
-  Button,
-  HStack,
-  Table,
-  Tbody,
-  Td,
-  Th,
-  Thead,
-  Tr,
-  VStack,
-} from "@hope-ui/solid"
-import { createSignal, For } from "solid-js"
-import {
-  useFetch,
-  useListFetch,
-  useManageTitle,
-  useRouter,
-  useT,
-} from "~/hooks"
-import { handleResp, notify, r } from "~/utils"
-import { VirtualHost, PEmptyResp, PPageResp } from "~/types"
-import { DeletePopover } from "../common/DeletePopover"
-import { Wether } from "~/components"
-
-const VirtualHosts = () => {
-  const t = useT()
-  useManageTitle("manage.sidemenu.virtual_hosts")
-  const { to } = useRouter()
-  const [getVhostsLoading, getVhosts] = useFetch(
-    (): PPageResp<VirtualHost> => r.get("/admin/vhost/list"),
-  )
-  const [vhosts, setVhosts] = createSignal<VirtualHost[]>([])
-  const refresh = async () => {
-    const resp = await getVhosts()
-    handleResp(resp, (data) => setVhosts(data.content))
-  }
-  refresh()
-
-  const [deleting, deleteVhost] = useListFetch(
-    (id: number): PEmptyResp => r.post(`/admin/vhost/delete?id=${id}`),
-  )
-  return (
-    <VStack spacing="$2" alignItems="start" w="$full">
-      <HStack spacing="$2">
-        <Button
-          colorScheme="accent"
-          loading={getVhostsLoading()}
-          onClick={refresh}
-        >
-          {t("global.refresh")}
-        </Button>
-        <Button
-          onClick={() => {
-            to("/@manage/virtual_hosts/add")
-          }}
-        >
-          {t("global.add")}
-        </Button>
-      </HStack>
-      <Box w="$full" overflowX="auto">
-        <Table highlightOnHover dense>
-          <Thead>
-            <Tr>
-              <For each={["domain", "path", "enabled", "web_hosting"]}>
-                {(title) => <Th>{t(`virtual_hosts.${title}`)}</Th>}
-              </For>
-              <Th>{t("global.operations")}</Th>
-            </Tr>
-          </Thead>
-          <Tbody>
-            <For each={vhosts()}>
-              {(vhost) => (
-                <Tr>
-                  <Td>{vhost.domain}</Td>
-                  <Td>{vhost.path}</Td>
-                  <Td>
-                    <Wether yes={vhost.enabled} />
-                  </Td>
-                  <Td>
-                    <Wether yes={vhost.web_hosting} />
-                  </Td>
-                  <Td>
-                    <HStack spacing="$2">
-                      <Button
-                        onClick={() => {
-                          to(`/@manage/virtual_hosts/edit/${vhost.id}`)
-                        }}
-                      >
-                        {t("global.edit")}
-                      </Button>
-                      <DeletePopover
-                        name={vhost.domain}
-                        loading={deleting() === vhost.id}
-                        onClick={async () => {
-                          const resp = await deleteVhost(vhost.id)
-                          handleResp(resp, () => {
-                            notify.success(t("global.delete_success"))
-                            refresh()
-                          })
-                        }}
-                      />
-                    </HStack>
-                  </Td>
-                </Tr>
-              )}
-            </For>
-          </Tbody>
-        </Table>
-      </Box>
-    </VStack>
-  )
-}
-
-export default VirtualHosts
diff --git a/src/types/index.ts b/src/types/index.ts
index 8241449c1..52f45e97b 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -8,4 +8,3 @@ export * from "./item_type"
 export * from "./meta"
 export * from "./task"
 export * from "./share"
-export * from "./virtual_host"
diff --git a/src/types/share.ts b/src/types/share.ts
index 8871d385e..995fa6ffe 100644
--- a/src/types/share.ts
+++ b/src/types/share.ts
@@ -12,6 +12,8 @@ export interface Share {
   remark: string
   readme: string
   header: string
+  domain?: string
+  web_hosting?: boolean
 }
 
 export interface ShareUpdate extends Share {
diff --git a/src/types/virtual_host.ts b/src/types/virtual_host.ts
deleted file mode 100644
index 5114e5639..000000000
--- a/src/types/virtual_host.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface VirtualHost {
-  id: number
-  enabled: boolean
-  domain: string
-  path: string
-  web_hosting: boolean
-}