Hexo博客主题

Hexo博客 – 给自己编写一个Hexo主题

Hexo基本：

1. 更改hexo配置
   
   1. 博客根目录中‘_config.yml’中‘theme’项。
   2. 修改为你自己创建的主题名。
2. 在主题文件夹中，新建你的主题文件夹。
3. 用yo模块生成主题基础文件。
   
   • yo hexo-theme【在主题文件夹内执行】

Hexo主题基本结构【以.ejs模板为例】：

1. _config.yml
   
   • 基本配置
2. source文件夹
   
   • 资源文件
3. layout文件夹【告诉hexo博客怎么渲染】
   
   • archive.ejs
     
     • 主要有两个模块：用if判断，决定渲染归档页，还是列表页（分类、标签、归档）
   • category.ejs和tag.ejs
     
     • 分类页和标签页的渲染
   • post.ejs和page.ejs
     
     • 文章详情页和页面详情页（反正内容是一样的）
   • partials文件夹
     
     • 常用的组件（像分页控件pagination.ejs)总之是经常用到的部分。
   • layout.ejs
     
     • 博客主体结构，其中body变量，在渲染时会被替换成指定的模块。
   • index.ejs
     
     • 默认主页，第一个替换body变量。

​ 如果觉得不明白，那就生成本地文件，看看生成的静态文件。

关于Hexo的问题：

hexo很开放，想要一个人信息页面，没有？自己加。

• node，模块的东西很重要，其次就是配置文件。
• hexo中package.json，中注明了引用了的模块，我们可以照葫芦画瓢，在模块中为自己写一个，生成about页面的模块。

会了的都是折腾出来的，之前不了解node的模块，死活都找不到方法生成一个自己想要的页面。

Hexo-archive页面的渲染问题

当hexo -g 后看到生成的静态文件，有很多没用到，而且不好看的页面。

archive里边会有三个等级页面：

1. 按年份归档
2. 按月份归档
3. 按日归档

但是我在弄的时候，最多也就按日归档，其他的归档都没有用到。

也不是不可以弄，总之觉得很麻烦。

我就去找到archive渲染的模块：hexo-generaor-archive，然后找到不要的页面渲染，注释掉。那些没用到的页面就不见了。

但是这样做有个问题，每次hexo更新，注释的东西就没有了。

Hexo官网能解决大部分的问题

比如时间归档hexo给的是英文，但是我想显示中文。

官网就可以查到lis_archive([options])辅助函数，但是没看到具体的例子，跑去翻源码【hexo->plugins->helper】找到list_archives.js文件，在源码中将输出格式改成自己想要的。