另一页

Hexo博客主题开发指南

之前一直用Wordpress,从实用性角度讲,WP没有任何替代品。但我不想为了开发WP主题而去了解它的细节。因此选择了Hexo并期望从0开始完成一套主题。

知识储备

需要掌握的知识

HTML/CSS,部分需求涉及JS

可以快速学习的知识

Hexo安装及使用,EJS模板语法

开发准备

观察默认主题结构

可以看到,主题文件夹下有layout、scripts、source、languages、_config.yml,分别是模板、JS、静态资源、翻译、配置文件。
即使主题目录为空,Hexo server也不会报错,因此我们可以从空文件夹开始。

开发过程

第一张页面

在layout下新建layout.ejs,内容可以是任意字符串。此时访问主页可以看到刚才输入的内容。现在将内容替换为<%- body %>,我们可以看到文章。在此基础上修改页面。

主页和文章页

自定义页面

评论