diff --git a/src/pages/html/0-introduction.mdx b/src/pages/html/0-introduction.mdx
index bf0e8f9..c362ba2 100644
--- a/src/pages/html/0-introduction.mdx
+++ b/src/pages/html/0-introduction.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/MarkdownLayout.astro
+layout: "@/layouts/MarkdownLayout.astro"
 ---
 
 import "github-markdown-css";
diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 62876ef..9f32aac 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../layouts/MarkdownLayout.astro
+layout: "@/layouts/MarkdownLayout.astro"
 ---
 
 import Counter from '../components/Counter.jsx';
diff --git a/src/pages/tips/terminal.mdx b/src/pages/tips/terminal.mdx
index 272cd95..948065b 100644
--- a/src/pages/tips/terminal.mdx
+++ b/src/pages/tips/terminal.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/MarkdownLayout.astro
+layout: "@/layouts/MarkdownLayout.astro"
 ---
 
 # 黒い画面
diff --git a/tsconfig.json b/tsconfig.json
index 8bf91d3..cea96c7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,11 @@
 {
   "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
   "include": [".astro/types.d.ts", "**/*"],
   "exclude": ["dist"]
 }