diff --git a/astro.config.mjs b/astro.config.mjs
index eb57a26..ad902ff 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -19,8 +19,8 @@ let proxy = {
   '/api': apiProxy,
   '/client': apiProxy,
 };
-
-const basename = isDev ? undefined : `${pkgs.basename}`;
+const _basename = process.env.BASE_NAME || pkgs.basename || '';
+const basename = isDev ? undefined : `${_basename}`;
 export default defineConfig({
   base: basename,
   integrations: [
@@ -37,13 +37,13 @@ export default defineConfig({
         // 添加 rehype 插件
       ],
       // 启用 MDX 表达式
-      optimize: true
+      optimize: true,
     }),
     react(), //
     vue(),
     // sitemap(), // sitemap must be site has a domain
   ],
-  
+
   vite: {
     plugins: [tailwindcss()],
     define: {
diff --git a/package.json b/package.json
index dc61e67..e1394f6 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,9 @@
     "slide:dev": "slidev --open slides/index.md --remote",
     "slide:build": "slidev build slides/index.md --base /root/mtd-slide/",
     "slide:pub": "envision deploy ./slides/dist -k mtd-slide -v 0.0.3 -u",
+    "slide:auto:dev": "slidev --open slides/case-001-auto.md --remote",
+    "slide:auto:build": "slidev build slides/case-001-auto.md --base /root/mtd-case-001-slide/",
+    "slide:auto:pub": "envision deploy ./slides/dist -k mtd-case-001-slide -v 0.0.1 -u",
     "ui": "pnpm dlx shadcn@latest add "
   },
   "keywords": [],
diff --git a/slides/case-001-auto.md b/slides/case-001-auto.md
new file mode 100644
index 0000000..d251e9c
--- /dev/null
+++ b/slides/case-001-auto.md
@@ -0,0 +1,40 @@
+---
+# theme: default
+# random image from a curated Unsplash collection by Anthony
+# background: https://cover.sli.dev
+background: https://cdn.jsdelivr.net/gh/slidevjs/slidev-covers@main/static/gKmpcDQWPmY.webp
+# 介绍文档： https://sli.dev
+title: 开源多维表格自动化
+info: |
+  ## 关于Slidev的介绍
+  演示稿
+class: text-center
+# https://sli.dev/features/drawing
+drawings:
+  persist: false
+# slide transition: https://sli.dev/guide/animations.html#slide-transitions
+transition: slide-left
+# enable MDC Syntax: https://sli.dev/features/mdc
+mdc: true
+htmlAttrs:
+  dir: ltr
+  lang: zh-CN
+fonts:
+  # 基础字体
+  sans: Robot
+  # 与 UnoCSS 的 `font-serif` css 类一同使用
+  serif: Robot Slab
+  # 用于代码块、内联代码等
+  mono: Fira Code
+# duration of the presentation
+duration: 35min
+---
+
+# 开源多维表格自动化(1)
+
+任何的行为都可以被AI自动化，多维表格也是如此。
+
+---
+src: ./pages/003-auto.md
+hide: false 
+---
\ No newline at end of file
diff --git a/slides/pages/003-auto.md b/slides/pages/003-auto.md
new file mode 100644
index 0000000..cd6c9cb
--- /dev/null
+++ b/slides/pages/003-auto.md
@@ -0,0 +1,118 @@
+---
+transition: fade-out
+layout: image-right
+image: https://cdn.jsdelivr.net/gh/slidevjs/slidev-covers@main/static/8weowYHaL3U.webp
+---
+
+# 目标
+
+- 了解多维表格自动化的概念
+- 开源多维表格的自动化功能-Webhook
+- 实际案例分析（智能中枢）
+
+<br/>
+
+<v-switch>
+<template #1>
+
+- 1. 电商业务自动化
+- 2. 企业办公协同
+- 3. 个人知识管理
+- 4. 智能家居控制
+- 5.  教育培训
+
+</template>
+<template #2> 
+
+**什么是自动化？**
+
+自动化是指使用技术手段来执行重复性任务，从而减少人为干预，提高效率和准确性。
+
+在多维表格中，本身是不和自动化关联的，但是我看重的是，他对自动化的**可视化管理**。
+
+
+</template>
+<template #3> 
+
+**什么是Webhook?** 
+
+Webhook是一种用户定义的**HTTP回调**，当特定事件发生时，系统会向预设的URL发送HTTP请求，从而实现自动化操作。
+</template>
+
+</v-switch>
+
+
+
+<MyFooter basename='/root/mtd-case-001-slide/' />
+
+<!--
+
+每时每刻想到要实现ai自动去实现的东西，都是在变化的，而多维表格正适合我们去记录和管理这些需求。
+
+1. 电商业务自动化
+- 订单处理：用户下单后触发Webhook，自动通知ERP系统、仓储系统和物流系统
+- 库存同步：多平台（淘宝、京东、拼多多）库存实时同步
+- 自动发货：订单支付成功后触发自动打印面单、分配快递
+
+2. 企业办公协同
+- 自动化审批流程：员工提交请假申请后，自动触发审批流程
+- 任务分配：项目任务创建后，自动分配给相关人员并发送通知
+- 数据同步：与CRM、ERP等系统的数据自动同步
+3. 个人知识管理
+- 笔记整理：新笔记创建后，自动分类和标签化
+- 任务提醒：任务截止日期临近时，自动发送提醒通知
+- 数据备份：定期将笔记数据备份到云存储服务
+4. 智能家居控制
+- 设备联动：某个传感器触发后，自动控制其他智能设备
+- 情景模式：根据时间或环境变化，自动调整家居设备状态
+- 安全监控：异常情况发生时，自动发送警报通知
+
+5. 教育培训
+- 学习进度跟踪：学生完成某个学习模块后，自动更新学习进度
+- 课程推荐：根据学生兴趣和表现，自动推荐相关课程
+- 考试安排：考试时间临近时，自动发送提醒通知
+-->
+
+---
+transition: fade-out
+layout: image-right
+image: https://cdn.jsdelivr.net/gh/slidevjs/slidev-covers@main/static/8weowYHaL3U.webp
+---
+
+**Webhook自动化如何使用？**
+
+1. 创建Webhook：在多维表格中创建一个Webhook，设置触发条件和目标URL。
+2. 配置触发条件：定义哪些事件会触发Webhook，例如数据更新、记录创建等。
+3. 处理请求：在目标URL的服务器端编写代码，处理接收到的HTTP请求，执行相应的操作。
+
+_通知：微信, 飞书, 钉钉, 企业微信_
+<!--
+我们日常生活中，所有的的
+-->
+<MyFooter basename='/root/mtd-case-001-slide/' />
+---
+transition: fade-out
+layout: image-right
+image: https://cdn.jsdelivr.net/gh/slidevjs/slidev-covers@main/static/SgtU7sK6oP4.webp
+---
+
+# 智能中枢（PC）
+
+我想实现的功能，当我们在日常生活中，总有各种期望通过AI去实现的功能。而我需要的一些功能模块：pc自动化操作，智能家居控制，信息通知推送，应用决策，等等。
+
+可视化的进行管理，我需要做的事情，多维表格作为我数据管理。
+
+1. 电脑控制类
+2. 智能家居控制类
+3. 智能分析
+4. 知识库
+
+<!-- 
+
+1. 脚本执行，应用启动
+2. 鼠标控制，键盘输入
+3. 文件管理，数据备份 
+
+-->
+
+<MyFooter basename='/root/mtd-case-001-slide/' />