diff --git a/_config.yml b/_config.yml
index c87a61e..5306e02 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1 +1,5 @@
-theme: minima
\ No newline at end of file
+theme: minima
+collections:  
+  my_posts:  
+    output: true  
+    permalink: /:collection/:path/
\ No newline at end of file
diff --git a/_my_posts/test1.md b/_my_posts/test1.md
new file mode 100644
index 0000000..e69de29
diff --git a/_my_posts/test2.md b/_my_posts/test2.md
new file mode 100644
index 0000000..e69de29
diff --git a/blog.html b/blog.html
index 7a5c6ce..51b4284 100644
--- a/blog.html
+++ b/blog.html
@@ -1,4 +1,35 @@
-<!DOCTYPE html>
+---
+title: My Blog
+---
+
+<article>
+    {% for post in site.my_posts %}
+    <summary>
+        <h2>{{ post.title }}</h2>
+        <p>{{ post.excerpt }}</p>
+        <small>{{ post.date | date_to_string }}</small>
+        <img src="{{ post.index-img }}" alt="Blog Image">
+    </summary>
+    <div class="content" style="display: none;">
+        {{ post.content }}
+    </div>
+    <button
+        onclick="this.previousElementSibling.style.display='none'; this.nextElementSibling.style.display='block';">Read
+        More</button>
+    {% endfor %}
+</article>
+
+<script>
+    document.querySelectorAll('summary').forEach(function (summary) {
+        summary.onclick = function () {
+            this.style.display = 'none';
+            this.nextElementSibling.style.display = 'block';
+            return false; // Prevent the default action of the <summary> tag  
+        };
+    });  
+</script>
+
+<!-- <!DOCTYPE html>
 <html>
 
 <head>
@@ -73,4 +104,4 @@ <h1 class="blog-title">这是标题</h1>
 
 </body>
 <script src="./blog/blog.js"></script>
-</html>
\ No newline at end of file
+</html> -->
\ No newline at end of file
