diff --git a/src/views/_base.pug b/src/views/_base.pug
index 1e76d96..e75a347 100644
--- a/src/views/_base.pug
+++ b/src/views/_base.pug
@@ -1,62 +1,4 @@
-mixin avatar(user)
-    img.avatar(src=user.avatarUrl, alt="avatar for " + user.username style="width: 64px; height: 64px; border-radius: 50%")&attributes(attributes)
-
-mixin note-header(note)
-    header&attributes(attributes)
-        span.name= getUserName(note.user)
-        span.acct(style="color: gray")= getAcct(note.user)  
-
-mixin sub-note(note)
-    .sub-note
-        +avatar(note.user)                  
-        +note-header(note)
-        p= note.text
-
-mixin note(note)
-    if (note.reply)
-        +sub-note(note.reply)(style="opacity: 0.5")
-    if (note.renote && !note.text)
-        p: b 🔁 !{getUserName(note.user)} がRenote
-        +note(note.renote)
-    else
-        .note&attributes(attributes)
-            +avatar(note.user)
-            +note-header(note)
-            p
-                if (note.reply)
-                    | ↩
-                != note.text
-            if (note.renote)
-                p RN:
-                +sub-note(note.renote)
-            aside
-                span.visibility= getVisibility(note)
-                span.date= new Date(note.createdAt).toLocaleString()
-            .reactions
-                each val, key in note.reactions
-                    span(class=(key === note.myReaction ? 'my reaction' : 'reaction'))=`${key} ${val}`
-            footer
-                |[
-                a(href="/reply?noteId=" + note.id) ﾘﾌﾟﾗｲ
-                |] [
-                a(href="/renote?noteId=" + note.id) ﾘﾉｰﾄ
-                |] 
-                if !note.myReaction
-                    | [
-                    a(href="/react?noteId=" + note.id) ﾘｱｸｼｮﾝ
-                    | ]
-                else
-                    form(action="action/unreact", method="post" style="display: inline")
-                        input(type="hidden", name="noteId", value=note.id)
-                        button(type="submit") リアクション解除
-
-mixin post-form(url, placeholder, buttonText)
-    form(action=url, method="post")
-        textarea(name="text", placeholder=placeholder style="max-width: 100%; min-width: 100%; height: 6em; margin-bottom: 8px")
-        button(type="submit")= buttonText
-        block
-            
-        
+include _components
 
 html
     head
diff --git a/src/views/_components.pug b/src/views/_components.pug
new file mode 100644
index 0000000..2dd6f03
--- /dev/null
+++ b/src/views/_components.pug
@@ -0,0 +1,58 @@
+
+mixin avatar(user)
+    img.avatar(src=user.avatarUrl, alt="avatar for " + user.username style="width: 64px; height: 64px; border-radius: 50%")&attributes(attributes)
+
+mixin note-header(note)
+    header&attributes(attributes)
+        span.name= getUserName(note.user)
+        span.acct(style="color: gray")= getAcct(note.user)  
+
+mixin sub-note(note)
+    .sub-note
+        +avatar(note.user)                  
+        +note-header(note)
+        p= note.text
+
+mixin note(note)
+    if (note.reply)
+        +sub-note(note.reply)(style="opacity: 0.5")
+    if (note.renote && !note.text)
+        p: b 🔁 !{getUserName(note.user)} がRenote
+        +note(note.renote)
+    else
+        .note&attributes(attributes)
+            +avatar(note.user)
+            +note-header(note)
+            p
+                if (note.reply)
+                    | ↩
+                != note.text
+            if (note.renote)
+                p RN:
+                +sub-note(note.renote)
+            aside
+                span.visibility= getVisibility(note)
+                span.date= new Date(note.createdAt).toLocaleString()
+            .reactions
+                each val, key in note.reactions
+                    span(class=(key === note.myReaction ? 'my reaction' : 'reaction'))=`${key} ${val}`
+            footer
+                |[
+                a(href="/reply?noteId=" + note.id) ﾘﾌﾟﾗｲ
+                |] [
+                a(href="/renote?noteId=" + note.id) ﾘﾉｰﾄ
+                |] 
+                if !note.myReaction
+                    | [
+                    a(href="/react?noteId=" + note.id) ﾘｱｸｼｮﾝ
+                    | ]
+                else
+                    form(action="action/unreact", method="post" style="display: inline")
+                        input(type="hidden", name="noteId", value=note.id)
+                        button(type="submit") リアクション解除
+
+mixin post-form(url, placeholder, buttonText)
+    form(action=url, method="post")
+        textarea(name="text", placeholder=placeholder style="max-width: 100%; min-width: 100%; height: 6em; margin-bottom: 8px")
+        button(type="submit")= buttonText
+        block
\ No newline at end of file