hexo next自定义样式

在使用hexo next主题时,可以对网站的样式进行自定义,比如整个网站的背景色,正文字体等等。

主要是因为默认的背景色白的发亮,字体又略小,看久了感觉眼累,所以去折腾了一番,在这里留下经验

修改的地方涉及到CSS样式,主要在${blog_dir}/themes/next/source/css目录下。

修改网站背景色,在${blog_dir}/themes/next/source/css/_variables/base.styl文件中:

1
2
// Background color for <body>
$body-bg-color = #123456 //white

修改正文字体大小,在${blog_dir}/themes/next/source/css/_variables/base.styl文件中:

1
2
// Font size
$font-size-base = 1em //14px