next主题初识-1-工作原理

next文件夹结构

由于里面大部分的文件都是不需要改动的,所以这里仅讲解一些比较重要的文件

languages

多语言支持文件,如果在hexo文件夹里的配置文件里语言悬着的是zh-Hans,那么就可以在languages文件夹下对应的yaml文件里进行自定义,使得自己的博客更加个性化

layout

模板文件,在每一次执行hexo g来生成html文件的时候,hexo都会先解析hexo的source文件夹下的md文件,然后再根据layout文件以及其他文件来生成html页面

layout文件夹结构:

_custom          //通用布局模板
_macro           //插件模板
_partials        //局部布局模板
_scripts         //script模板
_third-party     //第三方插件模板
_layout.swig     //通用模板,里面定义了head,footer等公共组件,其他模板都会调用这个模板
archive.swig     //归档模板
category.swig    //分类模板
tag.swig         //标签模板
schedule.swig    //日程模板
index.swig       //首页模板
page.swig        大专栏  next主题初识-1-工作原理 //页面模板
post.swig        //文章模板

注意这些模板文件都是需要相互调用的,一般不需要修改

source

主题资源文件,里面包含css,js,images等文件,如果想要改变背景颜色,增加某些动态功能,修改头像等,那么就需要在这里进行修改

next主题初识-修改样式布局

_config.yml

主题配置文件

next基本原理

由hexo新建(hexo n)时使用的是对应的md模板,所以hexo生成静态页面(hexo g)时使用的时上面的layout里面的模板,主页就要用到index.swig(当然不止这一个,因为一个html页面还包含其他很多部分),post就要用到post.swig,其他的以此类推

参考文章:

浅析Hexo搭建博客的原理

猜你喜欢

转载自www.cnblogs.com/liuzhongrong/p/12434634.html