前言

什么是hexo?

Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Heroku上，是搭建博客的首选框架。

为什么要搭建Hexo博客呢？

  1. 我的博客最近刚刚搭建起来趁着热度没减退再搭建一个!
  2. Hexo可以部署在GitHub不需要服务器
  3. 因为好玩!!

准备工具

  1. Node.js
  2. Git
  3. GitHub账号

搭建Hexo

安装Node.js和Git ：

没什么难度无脑下一步

 

输入：

1
2
git --version
node -v

检查一下是否安装成功：

 

因为考虑到NPM是国外的东西，也就是说他的源是国外的

我们可以把他的源改成国内淘宝的源这样安装速度会快些

1
2
npm config set registry https://registry.npm.taobao.org –global 
npm config set disturl https://npm.taobao.org/dist –global

 

安装hexo组件：

1
npm install -g hexo-cli

本地安装部署hexo：

1
hexo init blog               //blog是我的是我自定义的目录

这时候你就可以看见这个目录下的已经创建了你的博客：

进入这个目录并执行：

1
2
cd blog
hexo s

这时候打开 http://localhost:4000
你就能在本地的4000端口看到你的博客：

要写博文的话可以用自己喜欢的文本编辑器往blog\source_posts目录下添加 .md 文件

我就用记事本添加一个测试一下

添加完后要重新生成静态页并部署到本地：

1
2
hexo g 
hexo s

再刷新一下http://localhost:4000

这就是我刚刚添加的测试文章

部署到Github

首先去github新建一个仓库：

这里仓库名要按照 你的github用户名.github.io 的格式设置：

仓库创建完成后回到blog目录，编辑 _config.yml

拉到最下面添加

1
2
3
type: git                                               //修改为git
repo:     你的仓库地址                                 //添加
branch: master                                        //添加

安装一键部署插件 hexo-deployer-git 并执行部署 ：

1
2
npm install hexo-deployer-git --save
hexo d

可以看见他报错了
它让我们先执行：

1
2
git config --global user.email "你的GitHub邮箱"
git config --global user.name "你的GitHub用户名"

我们按它说的执行一下：

再次 hexo d 部署一下：

 

输入你的GitHub账号和密码：

Done！部署成功

刷新一下你的GitHub仓库
在浏览器地址栏打开你的GitHub仓库名

 

Done！现在你可以把你的GitHub仓库名分享给你的小伙伴

告诉他们这是你的新博客！！

至此Hexo的基本部署已结束！

有空我再写一篇文章介绍一下hexo的主题更换及自定义域名！！

已更新：Hexo主题更换及配置个性域名

 

最后附上

Hexo官网：

https://hexo.io/zh-cn/

Hexo官方文档：

https://hexo.io/zh-cn/docs/

Node.js官网：

https://nodejs.org/en/

Git官网：

https://git-scm.com/