Hexo+Butterfly主题博客搭建01 ——— 个人博客搭建的基础环境配置工作

Node.js的配置

选择适合自己系统的下载即可，大部分人应该是Windows Installer (.msi) 64位，选择msi位安装程序，mac和linux用户选择适合自己的版本即可。

安装是一路默认选项即可，注意安装的路径可以根据自己的需求，一定要记住安装在哪里了

安装完成之后可以在cmd中测试是否安装成功

node -v

npm -v

Git的配置

选择适合自己系统的下载即可，大部分人应该是Windows64位，所以直接点击Downloade for Windows即可。

安装是一路默认选项即可，注意安装的路径可以根据自己的需求，一定要记住安装在哪里了

安装完成之后可以在cmd中测试是否安装成功

在github新建一个仓库

名称为 你的名称.github.io

如图所示为我的仓库样例：

所有必备的应用程序安装完成后，即可使用npm安装Hexo。不要觉得安装这个框架有多复杂，只需要一条命令就可以了。npm是安装工具，install表示安装，-g表示全局安装，hexo-cli表示安装的是hexo框架。

在 git 命令行下输入下述的命令，若无法安装可能是因为权限不够，可以以管理员权限运行 gitbash

npm install -g hexo-cli

安装完框架之后新建一个存放博客的文件夹Blog，这里在D盘新建了一个Blog文件夹，在该文件夹下右键Git Bash Here并输入hexo init命令初始化这个文件夹。注意新建 Blog 文件夹和初始化这个文件夹只需要下面这条命令就可以了。

hexo clean  # 清除缓存
hexo g      # 生成静态网页
hexo d      # 部署到Github
hexo s 		# 是 hexo server 的缩写，启动本地服务器，用于预览主题。默认地址： http://localhost:4000/

此时输入 hexo clean hexo d hexo h hexo s 命令即可初步查看自己的 Blog 页面
在浏览器输入 http://localhost:4000/ 即可访问
顺利的话，在浏览器输入：用户名.github.io 即可初步访问自己的博客