diff --git a/apps/web/package.json b/apps/web/package.json
index 44a07dd0b..31e8657e3 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -51,6 +51,7 @@
     "highlight.js": "^11.11.1",
     "html-to-image": "^1.11.13",
     "isomorphic-dompurify": "^2.31.0",
+    "jszip": "^3.10.1",
     "juice": "^11.0.3",
     "lucide-vue-next": "^0.552.0",
     "marked": "^16.4.1",
@@ -83,6 +84,7 @@
     "@tailwindcss/vite": "^4.1.16",
     "@types/buffer-from": "^1.1.3",
     "@types/crypto-js": "^4.2.2",
+    "@types/jszip": "^3.4.1",
     "@types/mdast": "^4.0.4",
     "@types/unist": "^3.0.3",
     "@vitejs/plugin-vue": "^6.0.1",
diff --git a/apps/web/src/components/editor/post-slider/PostItem.vue b/apps/web/src/components/editor/post-slider/PostItem.vue
index bb463cb7f..53a818a89 100644
--- a/apps/web/src/components/editor/post-slider/PostItem.vue
+++ b/apps/web/src/components/editor/post-slider/PostItem.vue
@@ -48,6 +48,16 @@ const props = defineProps<{
   handleDragEnd: () => void
   // 以添加子文章的方式打开对话框
   openAddPostDialog: (parentId: string) => void
+  // 打开多选导出对话框
+  isOpenMultipleMode: boolean
+  // 选中的文章 ID 集合
+  selectedPosts: Set<string>
+  // 切换文章选中状态
+  togglePostSelection: (postId: string) => void
+  // 如果多选模式未开启，则开启它
+  openMultipleModeIfClosed: () => void
+  // 如果没有选中任何文章，则关闭多选模式
+  closeMultipleModeIfNoSelection: () => void
 }>()
 
 const postStore = usePostStore()
@@ -85,11 +95,13 @@ function isHasChild(postId: string) {
 </script>
 
 <template>
-  <div v-for="post in props.sortedPosts.filter(p => (props.parentId == null && p.parentId == null) || p.parentId === props.parentId)" :key="post.id">
+  <div
+    v-for="post in props.sortedPosts.filter(p => (props.parentId == null && p.parentId == null) || p.parentId === props.parentId)"
+    :key="post.id"
+  >
     <!-- 根文章外层容器 -->
     <a
-      class="w-full inline-flex cursor-pointer items-center gap-1 rounded p-2 text-sm transition-colors"
-      :class="[
+      class="w-full inline-flex cursor-pointer items-center gap-1 rounded p-2 text-sm transition-colors" :class="[
         // eslint-disable-next-line vue/prefer-separate-static-class
         'hover:text-primary-foreground hover:bg-primary',
         {
@@ -105,32 +117,31 @@ function isHasChild(postId: string) {
       @drop.prevent="props.handleDrop(post.id)"
       @dragover.stop.prevent="props.setDropTargetId(post.id)"
       @dragleave.prevent="props.setDropTargetId(null)"
+      @mouseenter="props.openMultipleModeIfClosed"
+      @mouseleave="props.closeMultipleModeIfNoSelection"
       @click="currentPostId = post.id"
     >
       <!-- 折叠展开图标 -->
       <Button
-        size="xs"
-        variant="ghost"
-        class="h-max p-0.5"
-        :class="isHasChild(post.id) ? 'opacity-100' : 'opacity-0'"
+        size="xs" variant="ghost" class="h-max p-0.5" :class="isHasChild(post.id) ? 'opacity-100' : 'opacity-0'"
         @click.stop="isHasChild(post.id) && togglePostExpanded(post.id)"
       >
-        <ChevronRight
-          class="size-4 transition-transform"
-          :class="{ 'rotate-90': !post.collapsed }"
-        />
+        <ChevronRight class="size-4 transition-transform" :class="{ 'rotate-90': !post.collapsed }" />
       </Button>
+      <CheckBox
+        v-if="props.isOpenMultipleMode" :checked="props.selectedPosts.has(post.id)"
+        @update:checked="props.togglePostSelection(post.id)"
+      >
+        <span class="line-clamp-1">{{ post.title }}</span>
+      </CheckBox>
 
-      <span class="line-clamp-1">{{ post.title }}</span>
+      <!-- 如果没有开启多选模式，直接显示标题 -->
+      <span v-if="!props.isOpenMultipleMode" class="line-clamp-1">{{ post.title }}</span>
 
       <!-- 每条文章操作 -->
       <DropdownMenu>
         <DropdownMenuTrigger as-child>
-          <Button
-            size="xs"
-            variant="ghost"
-            class="ml-auto h-max p-0.5"
-          >
+          <Button size="xs" variant="ghost" class="ml-auto h-max p-0.5">
             <Ellipsis class="size-4" />
           </Button>
         </DropdownMenuTrigger>
@@ -159,18 +170,15 @@ function isHasChild(postId: string) {
       class="space-y-1 ml-4 mt-1 border-l-2 border-gray-300 pl-1 dark:border-gray-700"
     >
       <PostItem
-        :parent-id="post.id"
-        :sorted-posts="props.sortedPosts"
-        :start-rename-post="props.startRenamePost"
-        :open-history-dialog="props.openHistoryDialog"
-        :start-del-post="props.startDelPost"
-        :drag-source-id="props.dragSourceId"
-        :set-drag-source-id="props.setDragSourceId"
-        :drop-target-id="props.dropTargetId"
-        :set-drop-target-id="props.setDropTargetId"
-        :handle-drag-end="props.handleDragEnd"
-        :handle-drop="props.handleDrop"
-        :open-add-post-dialog="props.openAddPostDialog"
+        :parent-id="post.id" :sorted-posts="props.sortedPosts" :start-rename-post="props.startRenamePost"
+        :open-history-dialog="props.openHistoryDialog" :start-del-post="props.startDelPost"
+        :drag-source-id="props.dragSourceId" :set-drag-source-id="props.setDragSourceId"
+        :drop-target-id="props.dropTargetId" :set-drop-target-id="props.setDropTargetId"
+        :handle-drag-end="props.handleDragEnd" :handle-drop="props.handleDrop"
+        :open-add-post-dialog="props.openAddPostDialog" :is-open-multiple-mode="props.isOpenMultipleMode"
+        :selected-posts="props.selectedPosts" :toggle-post-selection="props.togglePostSelection"
+        :open-multiple-mode-if-closed="props.openMultipleModeIfClosed"
+        :close-multiple-mode-if-no-selection="props.closeMultipleModeIfNoSelection"
       />
     </div>
   </div>
diff --git a/apps/web/src/components/editor/post-slider/index.vue b/apps/web/src/components/editor/post-slider/index.vue
index 259c2f23e..b9aafe91d 100644
--- a/apps/web/src/components/editor/post-slider/index.vue
+++ b/apps/web/src/components/editor/post-slider/index.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { ArrowUpNarrowWide, ChevronsDownUp, ChevronsUpDown, PlusSquare, X } from 'lucide-vue-next'
+import JSZip from 'jszip'
+import { ArrowUpNarrowWide, ChevronsDownUp, ChevronsUpDown, FolderDown, Layers, PlusSquare, X } from 'lucide-vue-next'
 import { useEditorStore } from '@/stores/editor'
 import { usePostStore } from '@/stores/post'
 import { useUIStore } from '@/stores/ui'
-import { addPrefix, store } from '@/utils'
+import { addPrefix, sanitizeTitle, store } from '@/utils'
 
 const uiStore = useUIStore()
 const { isMobile, isOpenPostSlider } = storeToRefs(uiStore)
@@ -207,6 +208,200 @@ function handleDragEnd() {
   dropTargetId.value = null
   dragover.value = false
 }
+/* ============ 多选模式 ============ */
+const isOpenMultipleMode = ref(false)
+/** 选中的文章 ID 集合 */
+const selectedPosts = ref<Set<string>>(new Set())
+/** 开启多选模式（如果未开启） */
+function openMultipleModeIfClosed() {
+  if (!isOpenMultipleMode.value) {
+    isOpenMultipleMode.value = true
+  }
+}
+/** 如果没有选中任何文章，则关闭多选模式 */
+function closeMultipleModeIfNoSelection() {
+  if (selectedPosts.value.size === 0) {
+    isOpenMultipleMode.value = false
+  }
+}
+watch(isOpenMultipleMode, (o) => {
+  if (!o) {
+    clearSelection()
+  }
+})
+
+function togglePostSelection(postId: string) {
+  if (selectedPosts.value.has(postId)) {
+    selectedPosts.value.delete(postId)
+  }
+  else {
+    selectedPosts.value.add(postId)
+  }
+}
+
+function selectAllPosts() {
+  if (!isOpenMultipleMode.value) {
+    return
+  }
+  selectedPosts.value.clear()
+  posts.value.forEach((post) => {
+    selectedPosts.value.add(post.id)
+  })
+}
+function clearSelection() {
+  selectedPosts.value.clear()
+}
+function toggleSelectAllPosts() {
+  if (!isOpenMultipleMode.value) {
+    isOpenMultipleMode.value = true
+  }
+  if (selectedPosts.value.size === posts.value.length) {
+    clearSelection()
+  }
+  else {
+    selectAllPosts()
+  }
+}
+/** 批量导出为.md */
+async function handleExportAsMD() {
+  if (selectedPosts.value.size === 0) {
+    toast.error(`请选择要导出的文章`)
+    return
+  }
+
+  const exportPromise = async () => {
+    const zip = new JSZip()
+    const filePathMap = new Map<string, number>() // 用于处理文件名冲突
+    let exportedCount = 0
+    let skippedCount = 0
+
+    // 构建父级路径映射（用于保持文件夹结构）
+    const buildPath = (postId: string, pathMap: Map<string, string>): string => {
+      if (pathMap.has(postId)) {
+        return pathMap.get(postId)!
+      }
+
+      const post = postStore.getPostById(postId)
+      if (!post) {
+        return ``
+      }
+
+      const safeTitle = sanitizeTitle(post.title)
+      if (!post.parentId || !selectedPosts.value.has(post.parentId)) {
+        // 如果没有父级或父级未被选中，直接返回文件名
+        pathMap.set(postId, safeTitle)
+        return safeTitle
+      }
+
+      // 递归构建父级路径
+      const parentPath = buildPath(post.parentId, pathMap)
+      const fullPath = parentPath ? `${parentPath}/${safeTitle}` : safeTitle
+      pathMap.set(postId, fullPath)
+      return fullPath
+    }
+
+    const pathMap = new Map<string, string>()
+
+    // 先处理所有父级文章，确保文件夹结构正确
+    const sortedPostIds = Array.from(selectedPosts.value).sort((a, b) => {
+      const postA = postStore.getPostById(a)
+      const postB = postStore.getPostById(b)
+      // 有父级的排在后面
+      if (postA?.parentId && !postB?.parentId)
+        return 1
+      if (!postA?.parentId && postB?.parentId)
+        return -1
+      return 0
+    })
+
+    // 遍历选中的文章ID，添加到ZIP
+    for (const postId of sortedPostIds) {
+      const post = postStore.getPostById(postId)
+      if (!post) {
+        skippedCount++
+        continue
+      }
+
+      if (!post.content || post.content.trim() === ``) {
+        skippedCount++
+        continue
+      }
+
+      // 构建文件路径（保持文件夹结构）
+      const basePath = buildPath(postId, pathMap)
+      let filePath = `${basePath}.md`
+
+      // 处理文件名冲突
+      if (filePathMap.has(filePath)) {
+        const count = filePathMap.get(filePath)! + 1
+        filePathMap.set(filePath, count)
+        const pathParts = basePath.split(`/`)
+        const fileName = pathParts.pop() || basePath
+        const dirPath = pathParts.join(`/`)
+        filePath = dirPath ? `${dirPath}/${fileName} (${count}).md` : `${fileName} (${count}).md`
+      }
+      else {
+        filePathMap.set(filePath, 0)
+      }
+
+      try {
+        zip.file(filePath, post.content)
+        exportedCount++
+      }
+      catch (error) {
+        console.warn(`添加文件失败: ${filePath}`, error)
+        skippedCount++
+      }
+    }
+
+    if (exportedCount === 0) {
+      throw new Error(`没有可导出的文章内容`)
+    }
+
+    // 生成ZIP文件（使用更高效的压缩选项）
+    const blob = await zip.generateAsync({
+      type: `blob`,
+      compression: `DEFLATE`,
+      compressionOptions: { level: 6 },
+      streamFiles: true, // 流式处理，提高大文件性能
+    })
+
+    // 创建下载链接
+    const url = URL.createObjectURL(blob)
+    const a = document.createElement(`a`)
+    a.href = url
+    const timestamp = new Date().toLocaleDateString(`zh-CN`, {
+      year: `numeric`,
+      month: `2-digit`,
+      day: `2-digit`,
+    }).replace(/\//g, `-`)
+    a.download = `批量导出-${timestamp}.zip`
+    document.body.appendChild(a)
+    a.click()
+    document.body.removeChild(a)
+
+    // 释放内存
+    URL.revokeObjectURL(url)
+
+    // 返回成功消息（包含详细信息）
+    const message = skippedCount > 0
+      ? `成功导出 ${exportedCount} 篇文章，跳过 ${skippedCount} 篇空文章`
+      : `成功导出 ${exportedCount} 篇文章`
+
+    // 导出完成后关闭多选模式并清空选择
+    isOpenMultipleMode.value = false
+    selectedPosts.value.clear()
+
+    return message
+  }
+
+  // 使用 toast.promise 显示加载、成功和失败状态
+  toast.promise(exportPromise(), {
+    loading: `正在导出 ${selectedPosts.value.size} 篇文章...`,
+    success: (message: string) => message,
+    error: (error: Error) => `批量导出失败: ${error.message || `未知错误`}`,
+  })
+}
 </script>
 
 <template>
@@ -301,7 +496,12 @@ function handleDragEnd() {
               </Tooltip>
             </TooltipProvider>
           </DropdownMenuTrigger>
-          <DropdownMenuContent>
+          <DropdownMenuContent
+            :on-select="() => {
+              // 阻止默认关闭（返回 false 可阻止关闭）
+              return false
+            }"
+          >
             <DropdownMenuRadioGroup v-model="sortMode">
               <DropdownMenuRadioItem value="A-Z">
                 文件名（A-Z）
@@ -352,6 +552,36 @@ function handleDragEnd() {
             </TooltipContent>
           </Tooltip>
         </TooltipProvider>
+
+        <DropdownMenu>
+          <DropdownMenuTrigger>
+            <TooltipProvider :delay-duration="200">
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button variant="ghost" size="xs" class="h-max p-1" @click="toggleSelectAllPosts">
+                    <Layers class="size-5" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent side="bottom">
+                  全选/取消全选
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+          </DropdownMenuTrigger>
+        </DropdownMenu>
+
+        <TooltipProvider v-if="isOpenMultipleMode" :delay-duration="200">
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button variant="ghost" size="xs" class="h-max p-1" @click="handleExportAsMD">
+                <FolderDown class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="bottom">
+              批量导出为.md
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </div>
 
       <!-- 列表 -->
@@ -370,6 +600,11 @@ function handleDragEnd() {
           :handle-drop="handleDrop"
           :handle-drag-end="handleDragEnd"
           :open-add-post-dialog="openAddPostDialog"
+          :is-open-multiple-mode="isOpenMultipleMode"
+          :selected-posts="selectedPosts"
+          :toggle-post-selection="togglePostSelection"
+          :open-multiple-mode-if-closed="openMultipleModeIfClosed"
+          :close-multiple-mode-if-no-selection="closeMultipleModeIfNoSelection"
         />
       </div>
     </nav>
diff --git a/apps/web/src/components/ui/check-box/CheckBox.vue b/apps/web/src/components/ui/check-box/CheckBox.vue
new file mode 100644
index 000000000..21d07d246
--- /dev/null
+++ b/apps/web/src/components/ui/check-box/CheckBox.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { Check } from 'lucide-vue-next'
+import { CheckboxIndicator, CheckboxRoot } from 'radix-vue'
+
+const props = defineProps<{
+  checked: boolean
+}>()
+
+const emits = defineEmits([`update:checked`])
+</script>
+
+<template>
+  <div class="flex flex-col gap-2.5">
+    <label class="flex flex-row gap-4 items-center [&>.checkbox]:hover:bg-neutral-100">
+      <CheckboxRoot
+        :checked="props.checked"
+        class="shadow-blackA7 hover:bg-green3 flex h-[25px] w-[25px] appearance-none items-center justify-center rounded-[4px] bg-white shadow-[0_2px_10px] outline-none focus-within:shadow-[0_0_0_2px_black]"
+        @update:checked="(checked) => emits('update:checked', checked)"
+      >
+        <CheckboxIndicator class="bg-white h-full w-full rounded flex items-center justify-center">
+          <Check
+            icon="lucide:check"
+            class="h-3.5 w-3.5 text-black"
+          />
+        </CheckboxIndicator>
+      </CheckboxRoot>
+      <span class="select-none">
+        <slot />
+      </span>
+    </label>
+  </div>
+</template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1f096a3b5..9844ca8fe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -165,6 +165,9 @@ importers:
       isomorphic-dompurify:
         specifier: ^2.31.0
         version: 2.31.0
+      jszip:
+        specifier: ^3.10.1
+        version: 3.10.1
       juice:
         specifier: ^11.0.3
         version: 11.0.3
@@ -256,6 +259,9 @@ importers:
       '@types/crypto-js':
         specifier: ^4.2.2
         version: 4.2.2
+      '@types/jszip':
+        specifier: ^3.4.1
+        version: 3.4.1
       '@types/mdast':
         specifier: ^4.0.4
         version: 4.0.4
@@ -3462,6 +3468,10 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/jszip@3.4.1':
+    resolution: {integrity: sha512-TezXjmf3lj+zQ651r6hPqvSScqBLvyPI9FxdXBqpEwBijNGQ2NXpaFW/7joGzveYkKQUil7iiDHLo6LV71Pc0A==}
+    deprecated: This is a stub types definition. jszip provides its own type definitions, so you do not need this installed.
+
   '@types/mdast@4.0.4':
     resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
 
@@ -13469,6 +13479,10 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/jszip@3.4.1':
+    dependencies:
+      jszip: 3.10.1
+
   '@types/mdast@4.0.4':
     dependencies:
       '@types/unist': 3.0.3