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/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/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 {