1. 添加预览图

效果图可以在首页看到,具体代码在 themes/你的主题包/layout/_partial/index-item.js 中修改,index-item.js 视你们具体使用的主题中具体的位置。

增加 如下代码

1
2
3
4
5
6
7
8
<% if (post.photos.length) { %>
<% var thumb = post.photos[0]; %>
<% var thumbUrl = isFullUrl(thumb) ? thumb : url_for(thumb) %>

<a href="<%- config.root %><%- post.path %>" class="review-img" style="background-image: url(<%- thumbUrl %>)">
<!-- <img src="<%- thumbUrl %>" alt="<%- post.path %>" class="attachment-post-thumbnail"> -->
</a>
<% } %>

然后在 发布文章的时候,头部 加下如下标签

1
2
photos:
- 预览图

2. 添加描述

还是在上面的 index-item.js 中修改。如果发表的时候 设置了 desc 则使用 desc ,如果没有则使用默认抓取的文章的前一段文字。

1
2
3
4
5
6
7
8
9
10
11
<% if (post.desc) { %>
<%-post.desc %>
<% } else { %>
<% if(theme.excerpt_render) { %>
<%- post.excerpt || post.content %>
<% } else { %>
<%- post.excerpt ? strip_html(post.excerpt) : truncate(strip_html(post.content), {
length: theme.excerpt_length
}) %>
<% } %>
<% } %>