diff --git a/layout/links.ejs b/layout/links.ejs
new file mode 100644
index 0000000..dd1fcad
--- /dev/null
+++ b/layout/links.ejs
@@ -0,0 +1,12 @@
+<div class="fade-in-down-animation">
+    <div class="links-container">
+        <div class="links-content markdown-body">
+            <%- page.content %>
+        </div>
+        <div class="links-comments">
+            <% if (page.comments) { %>
+                <%- partial('_partial/comments/comment') %>
+            <% } %>
+        </div>
+    </div>
+</div>
diff --git a/layout/page.ejs b/layout/page.ejs
index 0a56b61..bd0e859 100644
--- a/layout/page.ejs
+++ b/layout/page.ejs
@@ -25,7 +25,11 @@
 
                 <% } else if (page.title == 'about') { %>
                     <%- partial('about') %>
+
+                <% } else if (page.title == 'links') { %>
+                    <%- partial('links') %>
                 <% } %>
+
             </div>
 
             <% if (theme.magic.enable && theme.magic.sidebar.enable) { %>
diff --git a/source/css/layout/links.styl b/source/css/layout/links.styl
new file mode 100644
index 0000000..fcd6c24
--- /dev/null
+++ b/source/css/layout/links.styl
@@ -0,0 +1,21 @@
+@require "./common/magic-theme.styl";
+
+.links-container {
+
+  background: var(--background-color);
+
+  magic-container(1.005, 1.01, 30px);
+
+  .links-content {
+
+    h1, h2, h3, h4, h5, h6 {
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+    }
+
+    margin-bottom: 30px;
+  }
+}
\ No newline at end of file
diff --git a/source/css/style.styl b/source/css/style.styl
index be3fbe7..7ba6005 100644
--- a/source/css/style.styl
+++ b/source/css/style.styl
@@ -11,6 +11,7 @@
 @import "layout/_partial/archive-list.styl"
 @import "layout/_partial/footer.styl"
 @import "layout/about.styl"
+@import "layout/links.styl"
 @import "layout/_partial/article-meta-info.styl"
 @import "layout/home-content.styl"
 @import "layout/archive-content.styl"