Hexo-Butterfly美化教程[1] | 基础环境

基础环境：

操作系统：Windows10/11
运行环境：node.js

实现过程：

安装node.js

在node.js中文官网https://www.nodejs.com.cn/download_current.html，下载适用于Windows的64位安装包，安装JavaScript运行环境。下载完成后，双击安装程序，按引导进行安装，在安装过程中需勾选”Automatically install the necessary tools. ……“，如图所示。安装过程中，弹出命令指示符，回车下载依赖工具。

安装完成后，使用快捷键win+r,调用运行窗口，输入cmd，在命令指示符中输入命令，验证node和npm版本号。

1 2	node -v npm -v

安装git

从官网https://git-scm.com/download/win下载安装程序，按安装引导一直点击下一步即可。

安装hexo

在命令指示符中输入命令安装hexo。

1	npm install hexo-cli -g

创建博客存放目录

进入要存放博客目录的磁盘，以“F”盘为例，在如下图所示的磁盘路径框中输入“cmd”，点击回车，打开命名指示符。

在其中输入如下命令创建博客目录，此处的“blog”为自定义名称。等待博客目录初始化完成。

1	hexo init blog

初始化完成后，进入blog目录，在磁盘路径框中输入“cmd”，点击回车，输入以下命令下载依赖和测试博客是否部署成功。

#下载依赖
npm install

#本地测试
hexo clean && hexo g && hexo s

成功显示的命令细节如下：

F:\blog>hexo clean && hexo g && hexo s
INFO Validating config
INFO Deleted database.
INFO Validating config
INFO Start processing
INFO Files loaded in 463 ms
INFO Generated: archives/index.html
INFO Generated: archives/2024/index.html
INFO Generated: archives/2024/04/index.html
INFO Generated: index.html
INFO Generated: css/style.css
INFO Generated: fancybox/jquery.fancybox.min.css
INFO Generated: fancybox/jquery.fancybox.min.js
INFO Generated: js/jquery-3.6.4.min.js
INFO Generated: js/script.js
INFO Generated: css/images/banner.jpg
INFO Generated: 2024/04/18/hello-world/index.html
INFO 11 files generated in 660 ms
INFO Validating config
INFO Start processing
INFO Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.