diff --git a/docs/demo/demo.tsx b/docs/demo/demo.tsx
index 29f1010f299dbe5d31b5a23a3613388ef0889c7d..ec6a7475c41d50620d61e08d0254180e61925587 100644
--- a/docs/demo/demo.tsx
+++ b/docs/demo/demo.tsx
@@ -1,5 +1,10 @@
 import React from "react";
+import { Editor } from "@mini-markdown/editor";
 
 export default function Demo() {
-  return <div style={{ width: "100%" }}>demo</div>;
+  return (
+    <div style={{ width: "100vw", padding: "50px" }}>
+      <Editor status={true} local={false} />
+    </div>
+  );
 }
diff --git a/docs/example/index.md b/docs/example/index.md
index f9789a8088846456b018d398abd3a1f7471c0156..3b35ac52ecbab3d2c4943d268afda64fbb552f07 100644
--- a/docs/example/index.md
+++ b/docs/example/index.md
@@ -1,7 +1,6 @@
 ---
-
 aside: false
-
+layout: page
 ---
 
 # 在线尝试
diff --git a/docs/package.json b/docs/package.json
index 524fb0e9302f9731165cec8479bbc1ccfc09b720..2c204a281a67afa3875e3990478008e6e68de78b 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -18,6 +18,7 @@
     "vitepress-demo-plugin": "^1.2.3"
   },
   "dependencies": {
+    "@mini-markdown/editor": "workspace:^0.0.0",
     "vitepress-plugin-group-icons": "^1.3.5"
   }
 }
\ No newline at end of file
diff --git a/packages/mini-markdown-editor/src/components/Preview/index.tsx b/packages/mini-markdown-editor/src/components/Preview/index.tsx
index ebb0797b0dfe92b255268c203271a247b473b486..ce3ba304d800c5c3665c536ec4b523729a7d5c73 100644
--- a/packages/mini-markdown-editor/src/components/Preview/index.tsx
+++ b/packages/mini-markdown-editor/src/components/Preview/index.tsx
@@ -137,6 +137,15 @@ const ScrollWrapper = styled.div`
   padding: 10px;
   word-wrap: break-word;
   color: var(--md-preview-color);
+
+  p {
+    line-height: 20px;
+  }
+
+  strong {
+    font-weight: 700;
+  }
+
   .mini-md-h1,
   .mini-md-h2,
   .mini-md-h3,
diff --git a/packages/mini-markdown-editor/src/components/Toolbar/CopyCodeButton.tsx b/packages/mini-markdown-editor/src/components/Toolbar/CopyCodeButton.tsx
index 2e7ccf7eb716ba323937c905d5e47c0adcf42129..25351fc36dc7881932d5d028599943f0392783ad 100644
--- a/packages/mini-markdown-editor/src/components/Toolbar/CopyCodeButton.tsx
+++ b/packages/mini-markdown-editor/src/components/Toolbar/CopyCodeButton.tsx
@@ -14,7 +14,7 @@ export const CopyCodeButton: FC<CopyCodeButtonProps> = ({
   errorMessage = "复制失败",
 }) => {
   // 仅在开发环境下展示
-  if (process.env.NODE_ENV === "production") {
+  if (import.meta.env.PROD) {
     return null;
   }