使用github pages， hexo搭建个人博客教程

具体的原理性的东西就不说了直接上教程，怕等下自己忘了。

一. github 阶段

申请一个github 账号并成功登录进去。

创建一个名字为xxx.github.io的空项目。

二. hexo 阶段

这里我写的是windows下搭建hexo,的教程。

安装hexo

安装hexo要先安装两个东西

1.node:

[node 下载][1]

2.安装git:

[git 下载][2]

[1]: https://nodejs.org/en/ "node 下载"

[2]: https://git-scm.com/downloads "git 下载"

安装选项除了可以把软件安装在其他盘，其他全部选默认就行。

在windows里面运行命令行测试：win+r 运行cmd

npm -v

如果有显示版本信息则显示说明node安装成功。

打开你安装git的目录

运行 git-bash.exe,运行成功说明git 安装成功。

创建一个文件夹，打开，shift + 右键，打开命令行，运行

npm install -g hexo-cli
#这个过程是安装hexo
npm install hexo --save
#安装完了运行一下命令测试
hexo --version
#出现版本信息说明安装成功
#然后运行以下命令：
hexo init blog
cd blog
npm install
hexo g
# 或者hexo generate
hexo s -p 9800
#p 是指定端口号的意思，有可能默认的4000端口被占用不能使用
# 在浏览器进入localhost:9800 就能看到这个网页

在你运行hexo g 的时候，他已经生成了静态网页了，他在你hexo_dir/blog/public 里面。

这里面就是你的静态网页，现在我要做的时候就是要讲这个静态网页放到github.io这个项目里面。

运行你刚才装好的git-bash.exe

#进入你的hexo安装目录里面的blog里面的public目录
cd  hexo_dir/blog/public
#配置git
运行下面两条命令
git config --global user.name "yourgithubname"
git config --global user.email "yourgithubemail"
#在运行下面的命令生成ssh秘钥
ssh-keygen -t rsa -C “your githuab@gmail.com”
#根据系统命令行的提示找到你的id_rsa和id_rsa.pub文件
#把id_rsa.pub 里面的内容全部复制

进入你的github

右上角电话标志-->setting-->SSH and GPS keys ----> New SSH key

随意一个title

把刚才id_rsa.pub文件的内容复制到Key里面，保存。

再次在window 命令行进入你的hexo 安装目录，进入其中的public目录。

运行git init

cd your_hexo_dir
cd blog/public
git init
# git init 是创建本地仓库
git add .
# git add . 是把当前目录下的文件放在本地仓库缓冲区里面
git commit -m "update"
# git commit -m "update" 是把本地仓库缓冲区里面的文件升级到本地仓库里面
git pull git@github.com:your_githubname/xxx.github.io.git
# pull 是把远程仓库的文件与本地仓库文件想对比，看哪里有不同，该怎么修改看自己
git push git@github.com:your_githubname/xxx.github.io.git master
# push 是把本地仓库的文件上传到远程github仓库

到目前这一步，你已经可以通过xxx.github.io 访问你用hexo生成的静态网页了。

godaddy域名购买及域名绑定阶段

[godaddy 官网][1]

[1]: https://hk.godaddy.com/en/ "godaddy 官网"

在里面购买一个你自己的域名

具体的操作这里就不多说了，反正这个东西要钱就是了。

进入你所购买的域名进行管理

点击你自己的用户图标-----》 My Products -----> DOMAINS ----->DNS Management----> 设置你自己的type A 以及CNAME的www设置为你自己的xxx.github.io

进入你的xxx.github.io 项目，添加文件名为CNAME的新文件，里面写上你自己的购买的域名

如果一切顺利的话访问xxx.github.io 会跳转到你自己的域名。

OK。