您的位置:首页 > 编程语言

Windows上利用github和hexo搭建个人博客

2017-09-12 16:26 459 查看

1、题外话

自从看见过别人的个人博客之后,曾经一直想要搭建一个自己的个人博客,可是很多事总是想想(其实是一脸懵逼。。。)而已,于是一直在观望。。。

最近突发奇想,作为一个已经搬了两三年砖的码农,连一个自己的个人博客都没有,那以后还怎么出去炫(zhuang)技(bi),于是从网上看了很多关于搭建Hexo博客的文章,文章很多,也写的很详细,感谢这些无私奉献的人(此处应有掌声。。。)。不过很多文章都是基于Mac OS来讲述的,对于我这种用不起Mac的屌丝来说,尝试多次之后只能望而却步,于是就开始琢磨Windows上快速搭建一个个人的博客。

整个搭建过程还算顺利,在此把我搭建的整个过程分享出来,希望可以帮助到更多的人。

需要准备的软件(安装程序,基本上都是下一步到底,直到出现finish为止):

git(基本上都有吧)

Node.js

Github账号(没有就直接注册)

好了,不废(bi)话(bi)了,干就完了。

2、安装Git(已经安装过的可以自动忽略这步了)

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

3、安装Node.js

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

4、Github配置

首先得有一个Github账号(没有的话就要去Github上注册一个了,基本上就是填一下用户名,邮箱和密码,再验证下邮箱完事),登陆过后点击
new repository,REPOSITORY NAME填写"自己的名称 + .github.io",Description可以填写,也可以不填。



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

5、配置Github SSH密钥

首先在桌面空白处鼠标右键选择Git Bash Here,然后输入:

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

""里面的内容输入你的邮箱地址,然后回车,会提示你文件保存的路径,这时候按回车键确认

然后会提示你输入密码,输入即可(输入密码是看不到的,这个和Linux是一样的),然后会确认输入一次,就可以在刚刚的路径看到生成了两个文件,一个是id_rsa,另一个是id_rsa.pub,用notepadd++或者别的文本工具打开id_rsa.pub然后选中里面的全部内容,复制下来。

登录github,点击头像可以看到setting选项,点击进入

然后可以看到左边有一个SSH and GPG keys选项

点击就可以看到以下界面,点击New SSH



这里的Title随便填写,主要是为了方便管理密钥

然后把刚刚拷贝的内容粘贴到Key里面去

然后点击Add SSH key

到此,Github上面的SSH配置就完成了。

6、安装Hexo

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

$ npm install -g hexo-cli

敲完回车可能没有任何提示,请一定要耐心等待

安装成功后,可以输入以下命令测试以下Hexo是否安装成功

$ hexo version

如果能看到hexo的版本号信息,就表示安装成功了

接下来,创建一个空文件夹(名称最好不要有中文,而且一定得是空的文件夹,不然init的时候会报错),右键打开Git Bash Here

然后依次输入以下命令

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

这时候在浏览器输入http://localhost:4000/ 就可以看到hexo已经成功生成了博客,当然这只是我们本地可以看到的,接下来就需要把本地Hexo部署到Github上(你准备好了么。。。)

7、配置Hexo到Github

找到我们刚刚创建的文件夹,在里面找到_config.yml文件,用notepad++打开,直接拖到最后,改成下面这个样子

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

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

为了能尽快的让你部署成功,所以根目录下的_config.yml文件的其他配置下篇再叙。

保存后(千万记得保存),然后在当前文件夹打开Git Bash Here,然后依次输入:

$ hexo g
$ hexo d

如果我没有猜错的话,你应该会出现以下异常

ERROR Deployer not found: git

这时我们需要安装一样东西

$ npm install hexo-deployer-git --save

然后再输入上面的命令完成部署,也可以这样输:

$ hexo clean && hexo g && hexo d

这时候应该会弹出一个对话框,输入你guthub的用户名和密码即可。

然后你就可以用这样的网址http://hydcoder.github.io访问你自己的博客了(当然,你需要把用户名换成你自己的)。

怎么样,成功了没。我没猜错的话,看到这里你应该已经成功了,哈哈!

如果没成功,可以留下你的问题,很乐意帮你解决。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: