diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 9046f10..0000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "files.insertFinalNewline": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-}
diff --git a/assets/styles/components/_blog.scss b/assets/styles/components/_blog.scss
index 43e30e2..c986850 100644
--- a/assets/styles/components/_blog.scss
+++ b/assets/styles/components/_blog.scss
@@ -165,6 +165,15 @@
       }
     }
 
+    &__continue {
+      margin: 0 0 20px 20px;
+      display: inline-block;
+      background-color: #efefef;
+      padding: 0.5rem 1.5rem;
+      border-radius: 8px;
+      color: #000 !important;
+    }
+
     &__inner {
       overflow: hidden;
       background-color: #fff;
@@ -172,7 +181,7 @@
     }
 
     &__meta {
-      margin-bottom: 1em;
+      margin-bottom: 0.6rem;
       margin-left: 5px;
       font-size: 14px;
 
diff --git a/components/blog-post.vue b/components/blog-post.vue
index 1272fd9..ee33f03 100644
--- a/components/blog-post.vue
+++ b/components/blog-post.vue
@@ -18,7 +18,13 @@
           </template>
         </h1>
       </header>
-      <div class="blog-post__content" v-html="post.html"></div>
+      <template v-if="detail">
+        <div class="blog-post__content" v-html="post.html"></div>
+      </template>
+      <template v-else>
+        <div class="blog-post__content" v-html="post.summary"></div>
+        <NuxtLink :to="'/blog/' + post.fullSlug" class="blog-post__continue">Continue reading...</NuxtLink>
+      </template>
       <div class="blog-post__footer">
         <div class="blog-post__tags">
           <NuxtLink
diff --git a/content/blog/Giving-a-shot-at-making-a-game-using-Godot-Engine-3-0.md b/content/blog/Giving-a-shot-at-making-a-game-using-Godot-Engine-3-0.md
index 1cc6609..d36189a 100644
--- a/content/blog/Giving-a-shot-at-making-a-game-using-Godot-Engine-3-0.md
+++ b/content/blog/Giving-a-shot-at-making-a-game-using-Godot-Engine-3-0.md
@@ -9,7 +9,7 @@ date: 2018-02-03 12:43:10
 ---
 
 Hello!  
-In the past week, I’ve been working on a simple 3D game using [Godot Engine 3.0](https://godotengine.org/) (_go-doh_). In this article, I will show off some of the features and discuss how it all works. Here’s a quick demo of the gameplay:
+In the past week, I’ve been working on a simple 3D game using [Godot Engine 3.0](https://godotengine.org/) (_go-doh_). In this article, I will show off some of the features and discuss how it all works.<!-- more --> Here’s a quick demo of the gameplay:
 
 # Mechanics
 
diff --git a/content/blog/How-to-install-Arch-Linux.md b/content/blog/How-to-install-Arch-Linux.md
index 4d0e40c..a959a12 100644
--- a/content/blog/How-to-install-Arch-Linux.md
+++ b/content/blog/How-to-install-Arch-Linux.md
@@ -7,6 +7,7 @@ date: 2018-03-15 17:21:22
 ---
 
 Today I’m going to instruct you through the steps of installing your own Arch Linux system.
+<!-- more -->
 
 ## Download the ISO
 
diff --git a/content/blog/Self-hosting-Part-1.md b/content/blog/Self-hosting-Part-1.md
index e5db9e0..54f36c5 100644
--- a/content/blog/Self-hosting-Part-1.md
+++ b/content/blog/Self-hosting-Part-1.md
@@ -8,6 +8,7 @@ date: 2019-02-23 23:17:18
 ---
 
 Today I will be describing to you my experiences with self-hosting and how you can get started as well.
+<!-- more -->
 
 I’m not going to go into detail in this article about how to install and configure anything, but the websites for respective pieces of software have great documentation and you can always look for more information online. Followup blog posts may come in the future describing setups that I’ve created.
 
diff --git a/content/blog/Welcome-to-my-blog.md b/content/blog/Welcome-to-my-blog.md
index 0b70fcb..b1d64a8 100644
--- a/content/blog/Welcome-to-my-blog.md
+++ b/content/blog/Welcome-to-my-blog.md
@@ -10,6 +10,8 @@ date: 2018-01-26 12:00:00
 So, I’ve decided to start a new blog using [Hexo](https://hexo.io/).  
 I’ll probably be using this to share my projects and write some tutorials.
 
+<!-- more -->
+
 ## Current projects
 
 I’m currently taking a break from writing code due to personal reasons, but I’m mainly working on my network, [Icy Network](https://icynet.eu). The main project in the works is [Episodes.Community](https://github.com/IcyNet/Episodes.Community), which is basically a site where people can watch and share links to their favorite TV shows and cartoons.
diff --git a/lib/blog/read-posts.ts b/lib/blog/read-posts.ts
index e43fdaf..cda01aa 100644
--- a/lib/blog/read-posts.ts
+++ b/lib/blog/read-posts.ts
@@ -57,14 +57,17 @@ async function readBlogPost(slug: string): Promise<BlogPost[]> {
     async: true,
   });
 
+  const boundary = renderedMd.indexOf('<!-- more -->')
+
   const { year, month, day } = getDateObject(parsedHeader);
   const content = {
     ...parsedHeader,
     file,
     slug,
+    summary: renderedMd.substring(0, boundary > -1 ? boundary : 240),
     fullSlug: `${year}/${month}/${day}/${slug}`,
     markdown: read.substring(headerLength),
-    html: renderedMd,
+    html: renderedMd.replace('<!-- more -->', ''),
   };
 
   return content;
diff --git a/lib/types/post.ts b/lib/types/post.ts
index 1a3ce98..b55cea7 100644
--- a/lib/types/post.ts
+++ b/lib/types/post.ts
@@ -6,6 +6,7 @@ export interface BlogPost {
   slug: string;
   fullSlug: string;
   markdown: string;
+  summary: string;
   html: string;
   next?: Partial<BlogPost>;
   prev?: Partial<BlogPost>;
diff --git a/pages/blog/[year]/[month]/[day]/[slug].vue b/pages/blog/[year]/[month]/[day]/[slug].vue
index 802d089..1d0081b 100644
--- a/pages/blog/[year]/[month]/[day]/[slug].vue
+++ b/pages/blog/[year]/[month]/[day]/[slug].vue
@@ -36,9 +36,9 @@ const { data: post } = await useFetch<BlogPost>(
 
 const isostamp = computed(() => new Date(post.value.date).toISOString());
 const preview = computed(() =>
-  post.value.html
+  post.value.summary
     .replace(/<[^>]*>?/gm, '')
     .replace('\n', ' ')
-    .substring(0, 120)
+    .substring(0, 240)
 );
 </script>
diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index 4ec804e..f1a0061 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -9,6 +9,6 @@
 <script setup lang="ts">
 const { data: posts } = await useFetch('/api/blog', {
   key: 'frontpage',
-  params: { limit: 16 },
+  params: { limit: 16, render: false },
 });
 </script>
diff --git a/server/routes/blog/atom.xml.ts b/server/routes/blog/atom.xml.ts
index 9463330..6be5eaa 100644
--- a/server/routes/blog/atom.xml.ts
+++ b/server/routes/blog/atom.xml.ts
@@ -20,7 +20,7 @@ export default defineEventHandler(async (event) => {
   });
 
   posts.forEach((post) => {
-    const description = post.html
+    const description = post.summary
       .replace(/<[^>]*>?/gm, '')
       .replace('\n', ' ')
       .substring(0, 240);