hexo+github page搭建属于自己的博客

文章最后更新时间为：2018年08月14日 10:53:26

搭建博客之前先来看几个概念：

github是什么？作为程序员不知道这个网站可能连个假的程序员都算不上，这可是最大的男性交友平台。。其实这是个具有版本管理功能的代码托管平台，简单理解就是你可以在网站上建个自己的仓库，把自己写的代码存在上面，也可以放一个静态网页在上面。

当然了不懂也没什么关系，跟着操作一步步来就好了。

博客的搭建一般需要进行四个步骤：

1.本地环境搭建

2.本地生成hexo

3.申请并配置Github账户

4.将github与本地环境绑定

1.本地环境搭建

本地主要是要安装两个软件，git和node.js。

1.1安装node.js

软件下载地址：https://nodejs.org/en/download/

根据自己的电脑下载相应的版本

打开安装，一路默认即可

1.2安装git

下载地址：https://git-scm.com/downloads,选择相应版本

下载完成后打开安装。

1.3检验是否安装成功

按win+R键，输入cmd回车

依次输入

node -v  
npm -v  
git --version

查看版本

如果都有版本显示，则安装成功。

2.本地生成hexo

环境搭建好了，接下来我们需要在本地安装Hexo.首先在本地选一个位置安装，该位置用来存放以后的相关文件，包括博客内容等，以E:/blog为例。

2.1 hexo安装

在E盘下建立blog文件夹，进去后在右边空白处右键单击，选择Git Bash here

然后在命令行输入

npm install -g hexo-cli

等待其配置完之后输入

npm install hexo --save

此时在安装hexo,耐心等待安装完之后输入以下命令即可查看是否配置完毕

hexo -v

2.2 初始化hexo

接着上面的操作，输入

hexo init

接着输入

npm install

之后npm将会自动安装你需要的组件，只需要等待npm操作即可

接下来我们检验一下是否配置成功。接着输

hexo g

然后输入:

hexo s

出现下列提示

INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

此刻在浏览器中打开http://localhost:4000/，你将会看到网站已经搭好了

到目前为止，Hexo在本地的配置已经全都结束了。

3.创建并配置自己的Github账户

1.打开Github网站：https://github.com/

2.如果还没有注册账号的按步骤注册一个账号，填写邮箱，用户名，密码提交之后，登录邮箱验证一下即可，然后进入账户。

3.点击箭头所指方向创建代码库。

代码库的名字一定要以yourname.github.io格式填写，在创建时把下面的initialize this repository RREDME也勾选上即可。

4.创建成功后到这里你的Github账号就基本配置好了，打开网址https://gengyanqing.github.io/，可以看到已经显示了。

4.绑定本地的Hexo到github上去

github上也有自己的网站主页了，接下来我们得让github显示自己本地的hexo网站。

4.1、配置git个人信息

还是右键打开git bash。

输入自己的username和email

git config --global user.name "gengyanqing"
git config --global user.email "[email protected]"

4.2 修改_config.yml文件

打开在blog文件夹里找到_config.yml文件，用编辑器打开(推荐notpad++，防止乱码），找到Deployment，然后按照如下修改：

deploy:  
  type: git  
  repo: [email protected]:yourname/yourname.github.io.git  
  branch: master

4.3 配置ssh

第一次设置时本地没有密钥，打开git bash，输入：

ssh-keygen -t rsa -C "[email protected]"

更换成自己的邮箱，然后一直回车即可。

4.4 连接Hexo和github

打开c:/user/ssh，里面会有id_rsa.pub文件，打开以后复制里面的全部内容。

接下来在浏览器中打开你的github账号。选择设置，进入SSH key项中，选择add ssh key。

把你本地生成的密钥复制到里面（key文本框中），点击 add key即可。

到这里所有的配置基本都配置完了。让我们来看一下自己的网站

在blog里打开git bash，输入

hexo d -g

之后在游览器打开yourname.github.io便可以看到自己的网站了