新主题新想法

从上周五开始捣鼓了一个新主题,当然还有好多不完善,CSS代码很乱。主题参考了Vuejs的主题色,加上一些自己的想法。

刚开始就想把首页要弄点简约一些,也就是和别的页面区分开。

先放hexo官网和中文站:

https://hexo.io/

https://hexo.io/zh-cn/

在hexo里页面或者说模板分:

index post page archive category tag

同时hexo默认模板引擎是ejs,语法不是很习惯,mustache和handlebar的还是比较容易接受。

说了上面一些东西之后就要说说我是如何做的以及我为什么自己捣鼓主题。

1.如何做到首页与其他页面不同?

刚开始这个东西也浪费我一些时间,hexo用的是ejs模板引擎,貌似页面都是继承自layout.ejs,那我想能不能指定某些页面不继承呢?我搜了一些资料,

貌似都没有解决我的问题,如果有知道的请给我说下。既然这条路走不通,那也不是不能解决。

比如你想导航条在不同的页面显示不通

方法1:

不要再layout.ejs里面引入header.ejs,而是在上面说的(index/post/page等)模板里面单独引入或者单独写。

方法2:

使用hexo的内部方法,判断是否为具体页面然后展示不通的导航。

2.我为何要自己捣鼓?

为了搞清楚hexo是如何工作的,更重要的是在弄清楚之后,更好的定制自己想要的东西同时可以练习自己学到的知识,更快的应用一下。

当然现在这个主题还差很多东西,比如没有评论、分类、标签等等,以后慢慢弄得好看一些,代码写的好一点,然后贡献出去。

分享到: