引言

现在越来越多的人开始自建博客，搭建博客的工具也有许多。本篇文章就以hexo+github来搭建，希望能帮助到有需要的人。（注：本文中安装环境均为macOs）

Hexo安装

安装node.js

这步就不多说了，直接官网下载搞定

安装Hexo框架

博主的电脑是mac，所以直接在终端输入

$ sudo npm install -g hexo

初始化博客项目

$ hexo init blogname

启动Hexo服务

$ hexo s

此时在浏览器中打开http://localhost:4000 可看到以下界面表示安装完成

如果没有成功，可能是由于你的默认端口不是4000，可以修改一下端口再试试

hexo s -p 5000

创建Git远程仓库

注册GitHub账户

GitHub Pages是一个静态站点托管服务，可直接从GitHub上的存储库获取HTML，CSS和JavaScript文件，还可以选择在构建过程中运行这些文件并发布网站。

若已有GitHub账户可跳过此步骤

创建仓库

  1. 登录GitHub账号，新建名称为 你的用户名.github.io的仓库。假设我的GitHub账号的用户名是 hollowwwww，那么我就应该新建名称为 hollowwwww.github.io 的仓库。

  2. 其余字段填写随意。

  3. 点击Create Repository完成创建。

部署至Git

安装git插件

注意要在你的blog目录下安装

$ npm install hexo-deployer-git --save

修改站点配置文件

打开站点根目录下的_config.yml文件，找到deploy这一栏，做如下更改

deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: master

其中 username 替换成你自己的GitHub用户名

注意所有的 hexo 命令中的冒号 :: 后边都要加一个空格，否则执行时会报错，这是个坑，一定要注意

将本地项目推送到GitHub服务器

第一次部署时需要先配置git身份信息，其中的 yourname 和 youremail 都替换成你自己的用户名和邮箱

git config --global user.name "yourname"
git config --global user.email "youremail"

然后在blog目录下执行命令

hexo clean   //清理缓存
hexo g       //生成静态文件
hexo d       //部署网站到创建的仓库

完成以上几步，打开浏览器输入 username.github.io 就可以访问你的个人网站了