blog搭建

GitHub Hexo搭建博客

2016-01-20  本文已影响195人  呉囲仌犮yzx

一句话,坑多需谨慎!下面我们来开始填坑:

需要下载的辅助软件我已经都下载好,直接下载会比较慢,可以直接去我云盘里下载:

Git 下载地址:http://pan.baidu.com/s/1c0TDaN2

Node.Js 下载地址:http://pan.baidu.com/s/1bnWwPcj

npm和Hexo可以用使用终端来安装即可。

第一步:创建github仓库

因为本博客是托管于GitHub上的,所以一个GitHub账户是必须的(注册地址:https://github.com/github),注册的步骤就不介绍了,注册完以后,选择免费服务即可。拥有一个GitHub账号以后,我们要新建一个仓库,点击首页右下角的+ New repository,

在github上新建一个仓库,用了存储我们的blog

就会出现如下界面:

比如你的github名为magic,那么你的repository name就是magic.github.io

点击Create repository就完成了仓库的创建。

第二步:开始安装Git和Node.js。

基本默认安装就可以,有问题可以留言。

第三步:配置SSH keys

(1)在终端输入:cd ~/.ssh  // 进入ssh目录下 ,并且可检查电脑上现有的SSH key。若提示No such file or directory 执行下一步

(2)在终端输入:ssh-keygen -t rsa -C "邮件地址@youremail.com"    //生成一个SSH Key。这里的邮件地址填自己注册时的邮件地址,注意大小写,双引号不能省略,终端会返回代码让你确定文件名,回车就好。

看到如下所示的输出,就代表你已经成功的创建了一个SSH key。

下面的这个图形,大概类型就行(我觉得这是随机生成的图形)。

这时候在.ssh目录下有两个文件 id_rsa 和 id_rsa.pub 其中前面一个是私钥而后面.pub文件是公钥,我们需要执行以下命令将生成的key添加

ssh-add id_rsa

如果你想验证下上述步骤是否成功,可以用以下命令执行查看

ssh -T git@github.com

只要输出的内容里包含最后一句就证明是成功的了。

The authenticity of host 'github.com (192.30.252.128)' can't be established.

RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.

Are you sure you want to continue connecting (yes/no)? yes

Failed to add the host to the list of known hosts (/Users/Bsn/.ssh/known_hosts).

Hi bsnwong! You've successfully authenticated, but GitHub does not provide shell access.

找到本地的id_rsa.pub文件,进入对应的目录下

在终端执行: cat id_rsa.pub  //命令

就是复制id_rsa.pub里面的内容的

在github中打开你刚刚创建的仓库,找到如图位置

此处配置ssh keys

然后 Add Deploy Key,得到如下

这里的title随便写,不影响操作。key就粘贴你cat出来的东西就行

然后点击Add key就配置好了SSH key。

第四步:SSH Key配置完成之后,我们要设置个人信息

在终端输入如下命令:

git config --global user.name "你的github名字"

git config --global user.email  "你的github登录邮箱"

第五步:安装Hexo

在终端输入如下命令:npm install -g hexo 

这里如果出现error可以用:sudo npm install -g hexo-cli

下面在你的根目录下新建一个名为blog 的文件夹,以下命令需进入blog文件下执行

在终端cd blog 在blog目录下执行如下命令:

hexo init

npm install     //到此博客已经初步搭建起来了,下面需要生成博客开启服务

hexo generate//可以简写为 hexo g

hexo server//可以简写为 hexo s

到此,你就可以在浏览器中输入localhost:4000查看本地博客了。

第六步:部署Hexo到GitHub上

这时只需要将你的本地博客deploy到GitHub上就好,在blog目录下执行如下命令

npm install hexo-deployer-git --save

然后打开博客目录的_config.yml文件,设置deploy的type为git,repository为:https://github.com/你的id/你的id.github.io.git(需要在type和repo后面加上一个空格再填写)。最后在你的Hexo目录中找到source文件夹,在其中新建一个文件CNAME,没有后缀名(建议使用Sublime Text新建),内容为你的域名(即XXXXXX.XXXXXX,不要加WWW之类的前缀),保存。输入以下指令:

hexo g

hexo deploy//可简写为 hexo d

OK到此,GitHub Hexo搭建博客就算告一段落了。在浏览器打开magic.github.io来看看自己的成果吧。 Hexo是使用的markdown语言写的,所以要想让你的博客更加美观,还需要你用markdown还完善博客的美观部分。

上一篇 下一篇

猜你喜欢

热点阅读