首行缩进一般是将段落的第一行从左向右缩进一定的距离,首行外的各行都保持不变,便于阅读和区分文章整体结构。 那么我们怎么样在现在的hugo博客中实现呢?除了纸质排版外,我们的博客网站是否需要首行缩进?从视觉习惯方面考虑,我仍然更喜欢约定俗成的首行缩进。 一般,末行自然有行尾空格,所以,添加首行缩进,有一种中心对称的美感,虽然我好像写不出什么好文…

竟然目标明确那么我们该如何实现呢?对Hugo来说,Markdown是内容,会转换成HTML。 而具体的样式,可以通过订制CSS来改变。

CSS有个属性text-indent,可以控制缩进,我的主题是PaperMod,我们要的是正文首行缩进,所有在正文部分F12查看,我的主题使用了post-content包裹住,那么代码如下;

/*首行缩进两个字符 */
.post-content p {
    text-indent: 2rem;
}

.post-content ul, ol, dl {
    margin-left: 2rem;
}

具体效果可以看看本篇文章,在一个段落只有一行或字少的时候其实是有点凌乱的,具体实现了就好,后续再想办法美化美化。