hexo静态html文件,用Hexo搭建博客-搭建环境生成hexo静态页面

1：安装node

下载：https://nodejs.org/en/download/

端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。(我用的是win10系统，所以需要管理员权限，右键点击以管理员身份运行cmd)，不然会出现很多报错。

如果不会安装，可以参考教程：

https://www.runoob.com/nodejs/nodejs-install-setup.html

查看node的版本号

下载好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功。

输入命令：node -v

2：安装git

后面需要用到git工具，所以要提前安装了。

3:安装Hexo

首先全局安装 yarn

npm install -g yarn

安装完成，查看版本

查看版本命令

yarn --version

继续通过Yarn来全局安装Hexo.

命令

yarn global add hexo

完成安装显示

4：初始化项目

在D盘新建一个myblog目录,作为hexo目录.

cd myblog

进入新建文件夹

执行

hexo init

如果在hexo init的时候出现这样的提示

'hexo' 不是内部或外部命令，也不是可运行的程序

或批处理文件。

需要

在新建目录底下执行

npm install -g hexo-cli

5：安装主题NexT

git clone https://github.com/iissnan/hexo-theme-next themes/next

打开项目配置文件

进行修改

theme: next

6：运行

hexo s --debug

在浏览器里面打开

http://localhost:4000/

可以看到，已经用用Hexo搭建了一个基础的博客了

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚.