Hexo 博客搭建教程（1）环境准备

安装环境工具

Node.js安装—因为 Hexo 是基于 Node.js 驱动的一款博客框架

• 官网下载地址：nodejs.org/en/download…

• 历史版本下载地址：nodejs.org/en/download…

• 推荐LTS稳定版安装,或者下载历史低版本避免出现各种不兼容的问题

  

• 按下win + R键，输入CMD回车，在CMD窗口后执行node -v && npm -v命令可查看版本信息

• 修改npm源。npm下载各种模块默认是从国外服务器下载，速度较慢，建议配置成淘宝镜像。 打开CMD窗口，运行命令:npm config set registry https://registry.npm.taobao.org

---

Git安装—一个分布式版本控制系统，用于项目的版本控制管理

• 官网下载地址：git-scm.com/downloads
• 淘宝镜像下载地址：registry.npmmirror.com/binary.html…（官网下载慢选择此项）
• Git Bash 是linux系统的指令风格（建议使用）; Git GUI是图形化界面（新手学习不建议使用）
• 按下win + R键，输入CMD回车，在CMD窗口后执行git version命令可查看版本信息

常用命令

git version
node -v      //查看版本信息
npm -v

git config -l       //查看所有配置

git config --system --list     //查看系统配置

git config --global --list     //查看用户（全局）配置

git config --global username      //"你的用户名"

git config --global useremail    //"你的邮箱":

安装 Hexo

右键打开Git BASH Here在命令行输入以下命令执行安装：

npm install -g hexo-cli

安装完成后，运行**hexo -v 命令查询**版本号，验证是否安装成功

初始化Hexo目录

创建一个Hexo文件夹此文件夹用于存放博客文件

在此文件夹下右键打开Git Bash Here 执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件

hexo init MyBlog

cd MyBlog

npm install

hexo g

• 代码运行示例

执行命令后文件夹的目录结构

.
├── _config.yml # 网站的配置信息，您可以在此配置大部分的参数。
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹，除 _posts 文件，其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹
|   ├── _drafts # 草稿文件
|   └── _posts # 文章Markdowm文件
└── themes  # 主题文件夹

试运行Hexo运行

4. 运行 hexo s （ hexo server的缩写），启动预览服务器,打开 http://localhost:4000 预览效果

hexo s