diff --git a/.vscode/setting.json b/.vscode/settings.json
similarity index 100%
rename from .vscode/setting.json
rename to .vscode/settings.json
diff --git a/src/components/html.astro b/src/components/html.astro
index ea5e9d4..5500568 100644
--- a/src/components/html.astro
+++ b/src/components/html.astro
@@ -1,5 +1,6 @@
 ---
 import '../styles/global.css';
+import '../styles/theme.css';
 export interface Props {
   title?: string;
   description?: string;
diff --git a/src/layouts/blank.astro b/src/layouts/blank.astro
index 4a4daa9..5500568 100644
--- a/src/layouts/blank.astro
+++ b/src/layouts/blank.astro
@@ -1,24 +1,47 @@
 ---
 import '../styles/global.css';
 import '../styles/theme.css';
+export interface Props {
+  title?: string;
+  description?: string;
+  lang?: string;
+  charset?: string;
+}
+
+const { title = 'Light Code', description = 'A lightweight code editor', lang = 'zh-CN', charset = 'UTF-8' } = Astro.props;
 ---
 
-<html lang='zh-CN'>
+<!doctype html>
+<html lang={lang}>
   <head>
-    <meta charset='UTF-8' />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>AI Pages</title>
-    <style>
-      html,
-      body {
-        width: 100%;
-        min-height: 100vh;
-        margin: 0;
-        padding: 0;
-      }
-    </style>
+    <meta charset={charset} />
+    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+    <meta name='description' content={description} />
+    <title>{title}</title>
+    <!-- 样式 -->
+    <slot name='head' />
   </head>
   <body>
     <slot />
+
+    <!-- 脚本 -->
+    <slot name='scripts' />
   </body>
 </html>
+
+<style>
+  html {
+    font-family: system-ui, sans-serif;
+  }
+
+  html,
+  body {
+    margin: 0;
+    padding: 0;
+    min-height: 100vh;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+</style>
