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

本贴最后更新于 2754 天前,其中的信息可能已经时异事殊

以下以本博客皮肤 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

  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1063 引用 • 3453 回帖 • 201 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1433 引用 • 10052 回帖 • 484 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    197 引用 • 547 回帖 • 1 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 呃,在后台偏好设定-> 参数设置里面设置一下就行了,不用动源码的....

  • someone

    一直没发现摘要做啥的 这下明白了
    不过要是可以自动获取摘要就好了