如何使用脚手架快速搭建一个属于你自己的hexo主题

对于一个程序猿而言一定要有一个自己的博客,不论是作为笔记记录还是作为一个技术分享,都是有百利而无一害的事情,目前最流行的静态博客生成器莫过于HEXO。

hexo具有快速生成、markdown书写、一键部署的优点,这些优点博得广大使用者的喜爱。

目前,hexo上面的主题已经很丰富了,start最高的Next主题,独树一帜的material主题等等。

但是,为了个性化自己的博客,我们可以选择自己来写一个自己的主题,本文就是来教你如何一步一步写自己的主题。

初始化blog

1
2
3
npm install -g hexo-cli //全局安装hexo脚手架

hexo init blog //初始化一个自己的blog

初始化主题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
npm install -g yo //主题脚手架依赖于yo框架

npm install -g generator-hexo-theme //安装主题脚手架

cd themes

mkdir ThemeName && cd ThemeName

yo hexo-theme //初始化主题

需要选择几个参数:
样式预处理器:(Stylus,scss,sass,less)
模板引擎:(ejs,jade,pug,swig,nunjucks)

如果你选择了上面的模板引擎,请确保有相关的依赖:

npm install hexo-renderer-jade
npm install hexo-renderer-ejs
npm install hexo-renderer-njks
npm install hexo-render-pug

初始化完成,主题文件如下:

Markdown

现在,可以尽情定制属于自己的主题了!