Merge pull request #9 from bujijam/test

a
bujijam · Sep 3, 2024 · 61b9efc · 61b9efc
2 parents bd8ede3 + 965b094
commit 61b9efc
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 3 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1 +1,5 @@
-theme: minima
+theme: minima
+collections:  
+  my_posts:  
+    output: true  
+    permalink: /:collection/:path/
diff --git a/_my_posts/test1.md b/_my_posts/test1.md
diff --git a/_my_posts/test2.md b/_my_posts/test2.md
diff --git 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>
+</html> -->