f-ghost-4.0.jpg

Ghost code injection 修改主题

不满意主题的部分参数,于是试图通过修改主题来实现,但是多次尝试还是失败。突然想到Ghost可以通过code injection来配置。确实简单快速实现了想要的效果。

默认主题Casper 4.x版本有一个我很喜欢的设置,就是Excerpt截取3行,而不是数字数。这样的好处,就是整个版面非常整齐,同时也不用考虑中、英文字数的差异导致的问题。

这里需要一个CSS参数

display: -webkit-box;
overflow-y: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-word;

使用浏览器的开发者工具,定位你需要截取的位置,例如,

然后,在Settings→Code injection,添加如下配置,就可以实现任意宽度下,截图3行文字。

<style>
p.gh-article-excerpt{
font-size: 2.0rem;
display: -webkit-box;
overflow-y: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-word;
}
</style>

Views: 1

留下评论

您的电子邮箱地址不会被公开。

Notecore