Hugo博客设置段落两端对齐

2023-11-12
#Blog #Markdown

1. 基本配置

Hugo的主题是： https://github.com/xiaoledeng/simple-style

2. 设置方法

  1. 在文件夹 themes/simple-style/layouts/_default 下的 single.html 文件中，关于内容的设置为：
<div class="content">
  {{ .Content -}}
</div>
  1. 在文件夹 themes/simple-style/static/css 下的 main.css 文件中，加入以下css样式设置：
.content p{padding:0;margin:10px 0}

.content p {
    margin-top: 0;
    text-align: justify;
}

注意⚠️：text-align为CSS的文本对齐方式：center、left、right、justify。

justify：将拉伸每一行，以使每一行具有相等的宽度，并且左右边距是直的（就像在杂志和报纸中）。

3. 参考