在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项目中添加新的页面或文章了。