使用CloudFlare部署Hexo博客

清夏晚风

本文介绍了如何安装Hexo并使用CloudFlare部署Hexo博客。

环境要求

安装Node.js

Hexo需要Node.js环境才能运行。你可以从Node.js官网下载并安装最新版本的Node.js。

  • Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本
  • 使用 Node.js 官方安装程序时,请确保勾选 Add to PATH 选项(默认已勾选)

安装Git

Hexo初始化时需要使用Git拉取源码,你可以从Git官网下载并安装最新版本的Git。

安装Hexo

1
npm install -g hexo-cli

Hexo使用

建站

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

1
2
3
hexo init <folder>
cd <folder>
npm install

初始化后,您的项目文件夹将如下所示:

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

_config.yml
是网站的配置文件,您可以在此配置大部分的参数。

package.json
应用程序的信息。 EJS, StylusMarkdown 渲染引擎已默认安装,您可以自由移除。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"scripts": {
"build": "hexo generate",
"clean": "hexo clean",
"deploy": "hexo deploy",
"server": "hexo server"
},
"hexo": {
"version": "7.3.0"
},
"dependencies": {
"hexo": "^7.0.0",
"hexo-generator-archive": "^2.0.0",
"hexo-generator-category": "^2.0.0",
"hexo-generator-index": "^3.0.0",
"hexo-generator-tag": "^2.0.0",
"hexo-renderer-ejs": "^2.0.0",
"hexo-renderer-marked": "^6.0.0",
"hexo-renderer-stylus": "^3.0.0",
"hexo-server": "^3.0.0",
"hexo-theme-landscape": "^1.0.0"
}
}

source
资源文件夹。 是存放用户资源的地方。 除_posts文件夹之外,开头命名为_(下划线)的文件/文件夹和隐藏的文件将会被忽略。 Markdown 和 HTML 文件会被解析并放到public文件夹,而其他文件会被拷贝过去。

themes
主题文件夹。 Hexo 会根据主题来生成静态页面。

常用的命令

启动预览服务器

1
hexo server # hexo s 也可以

构建静态文件

1
hexo g

清除构建文件

1
hexo clean
  • 会删除现有的public目录
  • Title: 使用CloudFlare部署Hexo博客
  • Author: 清夏晚风
  • Created at : 2025-12-10 13:51:13
  • Updated at : 2026-01-13 16:48:23
  • Link: https://blog.kimikkorow.eu.org/博客系统相关/Hexo/使用CloudFlare部署Hexo博客/
  • License: This work is licensed under CC BY-NC-SA 4.0.