如何在Hexo项目中添加新的页面或文章?

By | 2025-05-05

在Hexo项目中添加新的页面或文章可以按照以下步骤进行:

添加新文章

1. 新建文章

在Hexo项目的根目录下打开命令行工具,使用hexo new命令来创建新文章。基本语法如下:

hexo new [layout] <title>
  • [layout]:可选参数,指定文章的布局,默认布局为post。常见的布局还有page(用于创建页面)、draft(用于创建草稿文章)。
  • <title>:必填参数,文章的标题。

例如,创建一篇标题为“Hello World”的文章,可执行以下命令:

hexo new "Hello World"

执行上述命令后,Hexo会在source/_posts目录下生成一个对应的Markdown文件,文件名一般是文章标题的英文或拼音形式,如hello-world.md

2. 编写文章内容

使用文本编辑器(如Visual Studio Code、Sublime Text等)打开生成的Markdown文件,文件开头会有一段YAML格式的配置信息,也称为Front-matter,示例如下:

---
title: Hello World
date: 2025-05-05 14:30:00
tags:
- tag1
- tag2
categories: category1
---

你可以根据需要修改这些配置信息,如title(文章标题)、date(文章发布日期)、tags(文章标签)、categories(文章分类)等。

在Front-matter之后,就可以按照Markdown语法编写文章的正文内容了。例如:

# 这是文章的标题

这是文章的正文内容。

## 小标题
这里可以继续展开论述。

3. 预览文章

编写完文章后,在命令行中执行以下命令生成静态文件并启动本地服务器进行预览:

hexo generate
hexo server

也可以将上述两个命令合并为:

hexo g -s

打开浏览器,访问http://localhost:4000,即可看到新添加的文章。

4. 部署文章

确认文章无误后,执行以下命令将文章部署到远程服务器(如GitHub Pages):

hexo deploy

或者合并命令:

hexo g -d

添加新页面

1. 新建页面

同样在Hexo项目的根目录下打开命令行工具,使用hexo new page命令来创建新页面,基本语法如下:

hexo new page <title>

例如,创建一个名为“about”的页面,可执行以下命令:

hexo new page "about"

执行该命令后,Hexo会在source目录下创建一个与页面标题同名的文件夹,如source/about,并在该文件夹下生成一个index.md文件。

2. 编写页面内容

使用文本编辑器打开source/about/index.md文件,同样可以在文件开头添加Front-matter进行配置,然后在后面编写页面的正文内容。例如:

---
title: 关于我们
date: 2025-05-05 14:30:00
---

这是关于我们的页面内容。

3. 预览和部署页面

与文章的操作类似,执行以下命令生成静态文件并启动本地服务器进行预览:

hexo g -s

打开浏览器,访问http://localhost:4000/about,即可看到新添加的页面。确认无误后,执行以下命令将页面部署到远程服务器:

hexo g -d

通过以上步骤,你就可以在Hexo项目中添加新的页面或文章了。