8 Hexo搭建网站之了解站点文件结构

在上一篇教程中，我们介绍了如何使用命令行创建一个新的 Hexo 站点，今天我们将深入了解生成的新站点文件结构。掌握这些文件和目录有助于我们更好地配置和管理我们的网站。

Hexo站点文件结构概述

当你成功创建了一个新的 Hexo 站点后，会发现 Hexo 生成了一系列的文件和文件夹。以下是典型的 Hexo 站点结构：

my-hexo-site
│
├── scaffolds
│   ├── draft.md
│   └── post.md
│
├── source
│   ├── _drafts
│   ├── _posts
│   ├── _config.yml
│   └── 其他静态资源
│
├── themes
│   └── 主题文件
│
├── _config.yml
│
└── package.json

各个目录和文件的用途

1. scaffolds：这个目录用于存放文件模板。你会在创建新文章时用到这些模板，例如使用命令 hexo new post "我的新内容" 时，系统会基于 scaffolds/post.md 中的模板来生成新文章文件。

2. source：这个是最为核心的目录，包含了网站的所有源文件。

   • _drafts：在这个文件夹中存放临时草稿文章，它们不会被发布到网上，通常用于内容编辑和保存未完成的文章。
   • _posts：这里是你已发布的文章存放的地方，每一篇文章都是一个 Markdown 文件，文件名通常遵循 YYYY-MM-DD-title.md 的格式。
   • 其他静态资源（如图片、CSS、JavaScript 文件）也是放在 source 目录下，能被 Hexo 直接访问和处理。

3. themes：这里包含了你网站所使用主题的相关文件。当你选择或更改网站主题时，所有主题相关的 CSS 和 HTML 文件都在这个目录下。

4. _config.yml：这是网站的全局配置文件，控制网站的基本信息和整体设置，例如网站名称、作者、描述等。

5. package.json：这个文件记录了项目使用的依赖包和项目相关信息，是 Node.js 项目中的标准文件。

示例：识别文件的实际用法

我们来看一个简单的案例，如何使用上面提到的目录和文件。

假设你想创建一篇新的博客文章，可以使用以下命令，这条命令会根据 scaffolds 下的模板生成新文件：

hexo new post "我对Hexo的理解"

这时，Hexo 会在 source/_posts 目录下生成一个名为 2023-10-01-我对Hexo的理解.md 的文件，你可以在里面撰写你的文章。当你写作完成并想要查看效果时，可以运行：

hexo generate
hexo server

这将生成静态文件并在本地启动服务器。接着，你可以通过浏览器访问 http://localhost:4000 来查看你新增的博客文章。

小结

通过了解 Hexo 站点的文件结构，我们可以更轻松地管理和维护我们的博客。接下来，我们将深入探讨如何初始化配置 Hexo 网站，这样你就可以对你的新站点进行个性化设置了。

准备好进入下一步了吗？让我们一起学习创建新站点之初始化配置吧！