Hexo next主题基本配置

Hexo独立页面的创建与配置

在 Hexo 中，hexo new page 用于创建独立页面，如 “关于我” (About)、”联系” (Contact) 等。这些页面不属于博客文章，但可以作为网站的重要组成部分。以下是详细的使用步骤：

1. 创建页面

使用以下命令创建一个新页面：

hexo new page "about"

生成的结果

• 在 source/about/index.md 生成一个文件
• 文件内容默认包含 Front Matter，例如：

---
title: about
date: 2025-01-05 09:52:16
---

2. 编辑页面内容

打开 source/about/index.md，编辑页面内容。例如：

---
title: about
date: 2025-01-05 09:52:16
---
# 关于我
你好，我是 RAY，从事运维开发，热爱 Linux、Python 和 Go 编程！

3. 配置页面路径

默认情况下，访问独立页面的路径是以其文件名命名的：

• 访问路径: http://your-domain.com/about/

如果你希望自定义路径，可以在 Front Matter 中添加 permalink 字段：

---
title: About Me
date: 2025-01-05 12:00:00
permalink: about-me/
---

访问路径将变为：http://your-domain.com/about-me/

4. 页面导航显示

要让新页面显示在网站导航栏或其他位置，通常需要修改主题的配置文件（如 themes/{theme}/_config.yml 或主题的布局文件）。

以常见主题为例

在主题配置文件中，找到类似 menu 的设置：

menu:
home: /
archives: /archives/
about: /about/

5. 生成并查看页面

执行以下命令生成静态页面，并在本地预览：

hexo generate
hexo server

浏览器访问：http://localhost:4000/about/

6. 部署

确认页面无误后，将其部署到线上：

hexo deploy

注意事项

• 主题支持: 页面样式和布局受主题的限制。确保你的主题支持自定义页面。
• 多语言支持: 如果使用多语言站点，可根据需要在多语言文件夹中创建页面。

通过上述步骤，你可以轻松创建并配置 Hexo 的独立页面！如果有更多需求，比如表单、动态内容，可以扩展为自定义插件或通过 HTML 实现。