solo 博客首页文章列表不显示全文改造

以下以本博客皮肤 91PHP 举例

1.修改 macro-head.ftl 的 css 引用

<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
去掉${miniPostfix}
<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}" charset="utf-8" />

不使用压缩 css 方便调式

2.base.css 添加新样式

.content-hidden {
    overflow: hidden;
    max-height: 400px;
}

3.修改 aerticle-list.ftl

<div class="content-reset content-hidden">
    ${article.articleAbstract}
</div>

在此处添加新样式

不用重启服务器直接可以看效果

也可以不走上面 3 部，直接使用 ${article.articleAbstract?substring(0,500)}

但是可能会设计到 img 等标签会被截断,效果不是很好

手机游戏源码素材网：http://www.codegather.com