许多人都利用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,搭建一个喜欢的博客。