使用Hexo+Github搭建你的个人博客

作为一个合格的程序员，当然要有一个输入自己的博客，这不仅是学习很好的方法，也是面试中很能加分的一项！(PS:还阔以装😁)

本篇文章介绍我是如何使用 Hexo + Github 来搭建我的博客。

准备工作

• Gtihub 账户我相信大家应该都用把，并且都会一些简单的操作；鉴于 Gtihub 是国外的服务器，有时候可能会因为网络的延迟造成加载很缓慢，也可以使用国内的 Gitee 或者 Coding。
• 安装 Git，Git是开源的分布式版本控制系统，用于敏捷高效地处理项目。我们网站在本地搭建好了，需要使用Git同步到GitHub上。
• 本机要有 node 环境。这个我相信做前端开发的，搭建vue项目等等操作，都是需要 node的支持。
• Hexo 的文章使用 Markdown 文件，建议没有看过简单写法的可以先去学习以下。

以上为基础操作，就不具体介绍了，如果有疑问可以在关于菜单找到我的联系方式，或者百度谷歌。

创建 Github 仓库

1. 点击左边的按钮或者右上方+号，弹出下拉框，选择第一个。

2. 在第一个输入框仓库名要写成 你GitHub的用户名+ .github.io，这里我已经拥有了这个仓库，所以会报出一个错误！箭头指向的按钮要点击勾选，初始化仓库。

3. 创建完后会进入你的仓库，在工具栏找到 Settings，下滑找到 Github Pages，如下图：

在 Source 下的下拉框，选中第一个选项，等一会，在上方就会有一个地址，可以通过这个地址访问你的博客。到这里仓库就算是创建完成了！

本地搭建 Hexo

Hexo就是我们的个人博客网站的框架 ，首先可以找到空白文件夹，安装好 Git 可以右击，点击 git bash，打开git命令行（或者window下使用cmd命令行）输入：

npm install hexo-cli -g 
//  或者
yarn add hexo-cli -g

这个安装可能时间会有些长，耐心等待。如果在国内可以使用淘宝NPM镜像。

安装完后，初始化我们的博客，输入：

hexo init blog

初始化完成后，进入文件夹，并安装依赖

cd blog
npm install 
//  或者
yarn

最后我们启动 hexo 服务：

hexo server

浏览器进入 http://localhost:4000/，可以看到 hexo 给我们的初始界面。到这里，我们本地就算是搭建好了，更多 hexo的配置和方法，请参考 官网

推送网站

首先我们需要配置好站点配置文件，在hexo根目录下有一个 _config.yml 的文件，在themes文件夹，里面也有个 _config.yml 文件，这个被称为主题配置文件，这里我们打开站点配置文件。

翻到最后修改为：

deploy:
  type: git
  repo: [你的github仓库地址]
  branch: [分支]
  message: [提交信息]

其实就是给 hexo deploy 这个命令做相应的配置，需要在根目录安装Git部署插件：

npm install hexo-deployer-git --save
//  或者
yarn add hexo-deployer-git --save

这时，我们输入：

hexo clean & hexo generate
hexo deploy

输入我们的GitHub账户密码，就与服务器相关联了！

md文件格式我会抽时间补一篇文章。hexo的编写建立大家先去查看 官网，已经很详细了！本文只是做个记录。最后在2019年最后一天，祝大家2020年新年快乐！