Add support for image previews in collections

minkezhang · Nov 26, 2024 · b032bc3 · b032bc3
1 parent cfb81ef
commit b032bc3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/_includes/card.html b/_includes/card.html
@@ -15,7 +15,11 @@
   -->
 <div class="tile">
 
-    {% if p.image %}
+    {% if p.image_small %}
+      <a href="{{ p.url | relative_url }}" class="post-image-link">
+        <img src="{{ p.image_small }}" />
+      </a>
+    {% eslif if p.image %}
       <a href="{{ p.url | relative_url }}" class="post-image-link">
         <img src="{{ p.image }}" />
       </a>

diff --git a/_plugins/relative_link_filter.rb b/_plugins/relative_link_filter.rb
@@ -1,6 +1,7 @@
 # TODO(minkezhang): Replace with modified
 # https://github.com/rukbotto/jekyll-absolute-links instead to handle more edge
 # cases, e.g. embedded code exceptions.
+
 module Jekyll
   module RelativeLinkFilter
     # Replace relative links e.g. "path/to/x" to "/absolute/path/to/x" in input

diff --git a/_posts/2021-02-12-features/2021-02-12-features.md.yml b/_posts/2021-02-12-features/2021-02-12-features.md.yml
@@ -1,5 +1,6 @@
 ---
 layout: post
+image_small: https://www.screensaversplanet.com/img/screenshots/screensavers/large/nyan-cat-2.png
 image: https://raw.githubusercontent.com/Gowee/nyancat-svg/main/nyancat.svg
 
 tags: ["features"]

diff --git a/_posts/README.md b/_posts/README.md
@@ -27,7 +27,8 @@ redirect_to:
   - /path/to/new/link.html
 
 # Custom fields.
-author: key  # References site.data.authors.
+author: key       # References site.data.authors.
+image_small: url  # Optionally used for collections.
 image: url
 preview: >-
   Manually written excerpt of the content.