如何装饰自己的Hexo博客

许多人都利用Hexo与github搭建了属于自己的第一个博客,接下来将介绍如何装饰自己的Hexo博客。

更改已有的主题样式

Hexo搭建好以后,有一个landscape主题,我们可以通过修改css来达到装饰的目的。

修改banner图片

landscape主题的images文件夹

1
source/themes/landscape/source/css/images

将希望替换的图片改名为banner.jpg贴进去,把原图片覆盖掉,就ok啦。

修改侧边栏位置

打开主题配置文件_config.yml

1
themes/landscape/_config.yml

sidebar: right改为sidebar: left,就可以将侧边栏在右改为侧边栏在左。

修改页脚

通过footer.ejs就可以修改啦

1
landscape/layout/_partial/footer.ejs

修改各种颜色

进入_variables.styl修改即可

1
source/css/_variables.styl

更换主题

Hexo同样有许多优秀的开源主题,我们可以直接更换主题来使我们的博客更加生动。

大家可以在Hexo主题中找一个自己喜欢的主题,将主题代码克隆到本地,再进入站点配置文件,将theme: landscape修改为theme: 主题名字就修改成功了。站点配置文件路径如下:

1
blog存放位置/_config.yml

之后可以继续完善主题的css,搭建一个喜欢的博客。