×

Windows下GitHub + Hexo搭建个人博客

96
4Four
2016.06.30 11:45* 字数 1173

废话

一直想弄一个自己的博客,之前一直在观望中。。。


以前玩过WordPress,当然不是建博客,是上大学的时候用WordPress赚了几包辣条的钱,我也不懂PHP,会一点简单的Html就找个模板改吧改吧而已,现在工作了,作为一个有情怀的人,肯定要有一个自己的博客才行啊,于是各种找教程,最终确定了用github + hexo来搭建,至于为什么选hexo,反正我在网上看了很久


于是就开始了折腾,整个过程就一个晚上,配置起来确实很简单,整个过程参考了使用Hexo搭建个人博客(基于hexo3.0),在此非常感谢博主的分享。

整个搭建过程还算顺利,在此把我搭建的整个过程分享出来,希望可以帮助到更多的人。
此文适合新手小白玩家,本人也是第一次写文章,如有不对的地方,还请指出

废话说多了,开始吧。。。。。。。

1、安装Git

下载Windows下的Git客户端并安装,安装很简单,基本一路Next下去。

2、安装Node.js

下载Node.js,安装Node.js也是一路Next下去。

3、Github配置

Github账号注册就不说了,登陆过后点击new repository,Repository name填写自己的名称 + .github.io,
例如(test.github.io,test就是你的github账号的名称)(由于我也是才刚刚接触Github没多久,暂时就不说我的账号了,哈哈哈,太Low了),其他的可以不用填写,也不需要改什么。


创建仓库截图

然后直接点Create repository就可以了。

4、配置Github SSH密钥

首先在桌面空白处鼠标右键选择Git Bash Here

ssh-keygen -t rsa -C "your's emaill address" 

引号里面的内容输入你的邮箱地址,然后回车,会提示你文件保存的路径,这时候按回车键确认
然后会提示你输入密码,输入即可(输入密码是看不到的),然后会确认输入一次,就可以在刚刚的路径看到生成了两个文件,一个是id_rsa,另一个是id_rsa.pub,用notepadd++打开id_rsa.pub然后选中里面的全部内容,复制下来。

登录github,点击头像可以看到setting选项,点击进入
然后可以看到左边有一个SSH and GPG keys选项
点击就可以看到以下界面,点击New SSH


这里的Title随便填写,主要是为了方便管理密钥
然后把刚刚拷贝的内容粘贴到Key里面去
然后点击Add SSH key
到此,Github上面的SSH配置就算完成了

5、创建本地仓库与Github同步

首先是在本地的任意一个分区创建一个任意的文件夹,路径中最好不要用中文吧,反正你懂的
然后进入到刚刚创建的文件夹,右键,然后点击Git Bash Here


打开Git Bash

依次输入以下命令(前面的$符号就不要复制了哈)

$ git init
$ git config --global user.name "Your's name"
$ git config --global user.email "Your's email address"

其中的Your's name替换成你的名称,Your's email address替换成你的邮件地址即可
然后再当前的文件夹下面新建一个README.md文件,然后右键用notepad++打开,随便写入一点内容,做一次简单的提交,输入以下命令
其中的yourname是github账号的名称,每个人是不一样的

git add README.md
git commit -m "first commit"
git remote add origin git@github.com:yourname/yourname.github.io.git
git push -u origin master

这时候进入到github应该就可以看到仓库下面有一个刚刚提交的README.md的文档了。

6、安装Hexo

在桌面空白处右键打开Git Bash Here,可以先测试一下Node.js是否安装成功,直接输入node可以看到提示符变成了一个向右的箭头就表示成功了,然后按ctrl + c退出node模式,出现$符号才表示正常了
输入以下命令

$ npm install -g hexo-cli

敲完回车可能没有任何提示,请一定要耐心等待
安装成功后,可以输入以下命令测试以下Hexo是否安装成功

$ hexo version

如果能看到hexo的版本号信息,就表示安装成功了
接下来,进入到我们刚刚创建的文件夹,右键打开Git Bash Here
然后依次输入以下命令

$ hexo init
$ npm install
$ hexo g
$ hexo s

这时候在浏览器输入http://localhost:4000/ 就可以看到hexo已经成功生成了博客,当然这只是我们本地可以看到的

7、配置Hexo到Github

找到我们刚刚创建的文件夹,在里面找到_config.yml文件,用notepad++打开,直接拖到最后,可以看到

deploy:
  type:

改成以下,特别注意,在:的后面是有一个空格的,千万要小心,不然后出错的,其中yourname即在github上面的用户名

deploy:  
  type: git
  repository: http://github.com/yourname/yourname.github.io.git
  branch: master

保存后,然后在当前文件夹打开Git Bash Here

$ hexo g
$ hexo d

如果出现以下异常

ERROR Deployer not found: git

尝试输入以下命令,然后重新执行刚刚的两条命令

$ npm install hexo-deployer-git --save

这时候如果弹出一个对话框,输入在guthub上面的用户名和密码即可
这时候我们就可以在浏览器输入http://yourname.github.io(yourname替换成github上的名称)就可以看到博客已经搭建成功了。

是不是很简单?

到此结束,车来了,我要准备上车了



如有疑问,请留言。。。


Developer
Web note ad 1