Hexo主题开发(一)准备工作

做过一些Matery主题魔改,但感觉束手束脚,不如自己做个主题来得痛快

磨刀不误砍柴工,开发之前总需要准备些什么

环境

写项目之前,理所当然的先配置项目所需要的环境,既然是 Hexo 主题,那当然是先初始化 Hexo 啦

1
Hexo init project_name

初始化 Hexo 后,在 Hexo 根目录下的 _config.yml 进行一些基础配置,我使用的是我之前的配置

创建项目

Hexo 官方为我们提供的开发主题的文档,我们可以先看一下

Hexo主题(https://hexo.io/zh-cn/docs/themes)

  1. 先在 themes 文件夹内创建一个主题文件夹,我创建的主题是 hexo-theme-view
  2. 将 Hexo 根目录下的 _config.yml 的theme 修改为刚刚创建的文件夹名称
  3. 搭建主题基本结构
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    .
    ├── _config.yml
    ├── languages
    ├── layout
    ├── layout.ejs
    └── index.ejs
    ├── scripts
    └── source
    ├── images
    ├── css
    ├── js
    ├── libs
    └── favicon.png

    • _config.yml:主题的配置文件
    • languages:语言文件夹
    • layout:布局文件夹
      • layout.ejs:页面结构模板
      • index.ejs:首页
    • scripts:脚本文件夹
    • source:资源文件夹
      • image:图片文件夹
      • css:样式文件夹
      • js:逻辑代码文件夹
      • libs:第三方依赖文件夹
      • favicon.png:网站logo

远程库

完成以上准备后,就可以将项目上传至远程库了

我们是主题开发,就只需要在主题文件夹下初始化 git

1
2
3
4
5
6
7
cd themes
cd hexo-theme-view

git init
git add .
git commit -m "init"
git push

主题开发持续更新中…