Hexo主题开发(一)准备工作
Hexo主题开发(一)准备工作
做过一些Matery主题魔改,但感觉束手束脚,不如自己做个主题来得痛快
磨刀不误砍柴工,开发之前总需要准备些什么
环境
写项目之前,理所当然的先配置项目所需要的环境,既然是 Hexo 主题,那当然是先初始化 Hexo 啦
1 | Hexo init project_name |
初始化 Hexo 后,在 Hexo 根目录下的 _config.yml
进行一些基础配置,我使用的是我之前的配置
创建项目
Hexo 官方为我们提供的开发主题的文档,我们可以先看一下
Hexo主题(https://hexo.io/zh-cn/docs/themes)
- 先在 themes 文件夹内创建一个主题文件夹,我创建的主题是 hexo-theme-view
- 将 Hexo 根目录下的
_config.yml
的theme 修改为刚刚创建的文件夹名称 - 搭建主题基本结构
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 | cd themes |
主题开发持续更新中…
-
感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 View Room
评论