diff --git a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
index 9515f20..8ff0c21 100644
--- a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
+++ b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
@@ -1,15 +1,16 @@
-import { useLoaderData } from "react-router-dom"
+import { Form, useLoaderData } from "react-router-dom"
 import "./content.scss"
-import { Button } from "antd"
 export const Content = () => {
     const content = useLoaderData() as ContentType
     return (
+    <Form method="PUT">
     <main className="content-page">
-        <input defaultValue={content.title}/>
-        <textarea defaultValue={content.content}/>
+        <input defaultValue={content.title} name="title"/>
+        <textarea defaultValue={content.content} name="content"/>
         <div className="border-t flex items-center justify-center">
-            <Button type="default" size="small">保存</Button>
+            <button>保存</button>
         </div>
     </main>
+    </Form>
     )
 }
\ No newline at end of file
diff --git a/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts b/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts
new file mode 100644
index 0000000..85cc4e4
--- /dev/null
+++ b/ui/autoMate/src/renderer/src/pages/Content/ContentAction.ts
@@ -0,0 +1,5 @@
+export default async({request}) => {
+    const data = await request.formData()
+    console.log(data.get("content"))
+    return {}
+}
\ No newline at end of file
diff --git a/ui/autoMate/src/renderer/src/router/index.tsx b/ui/autoMate/src/renderer/src/router/index.tsx
index 8bdeb59..fe541ca 100644
--- a/ui/autoMate/src/renderer/src/router/index.tsx
+++ b/ui/autoMate/src/renderer/src/router/index.tsx
@@ -7,6 +7,7 @@ import CategoryLoader from "@renderer/pages/Category/CategoryLoader";
 import ContentListLoader from "@renderer/pages/ContentList/ContentListLoader";
 import ContentLoader from "@renderer/pages/Content/ContentLoader";
 import { Content } from "@renderer/pages/Content/Content";
+import ContentAction from "@renderer/pages/Content/ContentAction";
 
 const router = createHashRouter([
   {
@@ -31,6 +32,7 @@ const router = createHashRouter([
               {
                 path: "content/:id",
                 loader: ContentLoader,
+                action: ContentAction,
                 element: <Content />
               }
             ]