编写文章的时候发现正文内容没有两端对齐,每段文字末尾没对齐看着不是很美观。这里总结一下配置教程。

  首先 hexo + butterfly 框架下文章内容的类名叫做 article-container 。然后只需要在用户自定义的 custom.css 中写入如下的内容即可:

#article-container{
text-align: justify;
}

  其中 text-align 字段定义文字的对齐方式,常用取值如下:

  • left:左对齐(默认)
  • right:右对齐
  • center:居中对齐
  • justify:两端对齐

  custom.css文件路径一般在博客根目录\themes\butterfly\source\css下新建即可,然后在主题配置文件_config.butterfly.yml中在 inject 字段中插入:

inject:
head:
- <link rel="stylesheet" href="/css/custom.css">