From 02a247ba9112ae944169c7665ba9be87e91c02dc Mon Sep 17 00:00:00 2001
From: eltrac <hi@eltr.ac>
Date: Fri, 20 Feb 2026 15:57:19 +0800
Subject: perf: render items of long list only after scrolled into view

---
 layouts/highlights.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'layouts/highlights.html')

diff --git a/layouts/highlights.html b/layouts/highlights.html
index 9d7c13bf..f9f9c030 100644
--- a/layouts/highlights.html
+++ b/layouts/highlights.html
@@ -6,12 +6,12 @@
         </div>
         <!-- Highlights -->
         {{ range shuffle site.Data.highlights }}
-        <section class="post-content">
+        <section class="post-content lazy-render">
             <h3><a href="{{ .url }}">《{{ .title }}》</a></h3>
             <ul class="list-none">
                 {{ range .highlights }}
                 <li class="my-4 text-lg">
-                    <a class="font-italic hover:no-underline" href="{{ .link }}">{{ .text | markdownify }}</a>
+                    <a class="hover:no-underline" href="{{ .link }}">{{ .text | markdownify }}</a>
                 </li>
                 {{ end }}
             </ul>
-- 
cgit v1.2.3