hexo+next搭建博客相册教程

1.在git上输入hexo new page “photos”,创建photos页面,之后在sourse文件夹下能够找到photos文件夹,在index.md里添加type: photos.
2.进入theme里的next下的config,在menu菜单下添加上photos页。
3.如果语言选择是zh-hans的话,记得在languanges里把photos添加进去,以确保网页显示的菜单为photos.
4.下面是重点,所有新建页面都可以照葫芦画瓢,next主题的整个网页布局都存在layout文件夹下,可以找到layout文件夹下有layout.swig和page.swig两个文件,layout.swig写的是整个页面的整体布局,page.swig是针对不同页面的布局。如果我们想搭建相册页,可以把自己写的相册页的代码放到page.swig,page.swig文件里div为post里有队不同页面的不同布局有分类,我们可以

1
{% if page.type === “photos” %}

,将相册页的代码显示在这里面,用到的js和css别忘了引用,存的时候用绝对路径就可以了。还有一种方法就是把代码直接放到photos文件夹下的index.md里,但是这个方法的js和css布局容易出问题,两种方法,相册页存储的div不同,容易引起页面混乱。