diff --git a/.vitepress/theme/layouts/Article.vue b/.vitepress/theme/layouts/Article.vue
new file mode 100644
index 0000000..0be2c09
--- /dev/null
+++ b/.vitepress/theme/layouts/Article.vue
@@ -0,0 +1,16 @@
+<template>
+  <article class="article-layout">
+    <header>
+      <h1>{{ frontmatter.title }}</h1>
+      <p v-if="frontmatter.date">发表于：{{ frontmatter.date }}</p>
+    </header>
+    <section>
+      <Content />
+    </section>
+  </article>
+</template>
+
+<script setup lang="ts">
+import { useGlobalData } from "../composables/useGlobalData";
+const { frontmatter } = useGlobalData();
+</script>