文章摘要 https://github.com/b3log/solo/issues/12863

yilia/article-list.ftl

@@ -18,7 +18,7 @@
 
 -->
 <#list articles as article>
-<article>
+    <article>
         <header class="fn__flex">
             <h2 class="fn__flex-1">
                 <a rel="bookmark" href="${servePath}${article.articlePermalink}">
@@ -39,9 +39,15 @@
             </h2>
             <time><span class="icon-date"></span> ${article.articleUpdateDate?string("yyyy-MM-dd")}</time>
         </header>
-    <section class="abstract vditor-reset">
-        ${article.articleAbstract}
-    </section>
+        <#if article.articleAbstractText == ''>
+            <a class="abstract" href="${servePath}${article.articlePermalink}">
+               <img src="${article.articleImg1URL}"/>
+            </a>
+        <#else>
+            <a class="abstract vditor-reset" href="${servePath}${article.articlePermalink}">
+                ${article.articleAbstractText}
+            </a>
+        </#if>
         <footer class="article__footer fn__flex">
             <span class="icon-tag fn__flex-center"></span>
             <span>&nbsp;&nbsp;&nbsp;</span>
@@ -69,10 +75,11 @@
                 </a>
             </#if>
             <a rel="nofollow" href="${servePath}/authors/${article.authorId}" class="fn__flex-center">
-            <img class="avatar" title="${article.authorName}" alt="${article.authorName}" src="${article.authorThumbnailURL}"/>
+                <img class="avatar" title="${article.authorName}" alt="${article.authorName}"
+                     src="${article.authorThumbnailURL}"/>
             </a>
         </footer>
-</article>
+    </article>
 </#list>
 
 <#if 0 != paginationPageCount>
@@ -93,4 +100,4 @@
             <a href="${servePath}${path}?p=${paginationNextPageNum}" class="extend">${nextPagePabel}</a>
         </#if>
     </nav>
-    </#if>
+</#if>

yilia/css/base.scss

@@ -641,7 +641,9 @@ article .abstract {
   padding-right: 30px;
   padding-left: 30px;
   overflow: hidden;
-  word-wrap: break-word
+  word-wrap: break-word;
+  display: block;
+  color: rgba(0,0,0,0.6);
 }
 
 .article__footer {