我的博客

测试ing...

Hacker主题-图片居中设置

Hacker主题是默认图片居中的,但是很多情况下会导致文章太过松散,以及排版上不美观。
比如,如果默认居中

显然不太美观,正常应该是

目前本人技术所限,无法做到随用随启,只能整个主题开关。
修改主题目录下文件source/css/components/article.styl,在77-81行添加注释。

article.styl
75
76
77
78
79
80
81
82
color $articleTextColor

/* img
display block
max-width: 100%
height auto
margin 1rem auto
*/

这样修改完成,刷新网页即可生效。修改完后就可以多张图片并排。当然排版就复杂了。

常用命令
默认靠左
1
2
<div align=center> markdown或者hexo的语法 </div>    # 图片居中
<div align=right> markdown或者hexo的语法 </div> # 图片置右