[关闭]
@Tyhj 2018-11-17T12:48:32.000000Z 字数 1856 阅读 1127

在Github上搭建自己的Hexo博客

教程


开始搭建博客

注册Github账号

此处略,不知道github的,百度,或者看廖雪峰的git教程,地址:

  1. http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

安装git Bash

下载地址:

  1. https://github.com/git-for-windows/git/releases/download/v2.10.0.windows.1/Git-2.10.0-64-bit.exe

安装后打开方法:所选文件夹中点击右键中的:Git Bash Here

下载安装Node.js

  1. 下载地址:https://nodejs.org/dist/v4.5.0/node-v4.5.0-x64.msi

安装Hexo

打开git,输入:

  1. npm install -g hexo-cli

创建Hexo文件夹

在你喜欢的文件夹中打开git,输入:

  1. hexo init

会生成建立网站所需要的所有文件

安装依赖包

  1. npm install

本地查看

  1. hexo g(generate)
  2. hexo s(server)

在浏览器中输入:

  1. localhost:4000

显示出来网页就证明成功了

在github上创建Repository

创建的时候注意Repository的名字。比如我的Github账号是tyhjh,那么我应该创建的Repository的名字是:tyhjh.github.io。

修改配置文件

到你刚刚创建的Repository下,点击Clone or download 按钮,下面出现一个链接,复制

然后编辑_config.yml文件,在刚才生成的网站的根目录下

修改文件里面的deploy。其中的repository就改成你刚刚复制的地址。保存这个文件。

设置SSH keys

在Git Bash输入以下指令(任意位置点击鼠标右键),检查是否已经存在了SSH keys。

  1. ls -al ~/.ssh

如果不存在就没有关系,如果存在的话,直接删除.ssh文件夹里面所有文件:

输入以下指令(邮箱就是你注册Github时候的邮箱)后,回车:

  1. ssh-keygen -t rsa -C "tyhj5@qq.com"

然后它会提示要你输入passphrase ,我没有输入直接回车

然后键入以下指令:

  1. ssh-agent -s

继续输入指令:

  1. ssh-add ~/.ssh/id_rsa

输入之后,在我这里是出错了,不知道你的有没有出错。

如果你的也是这样子出错了的话,就输入以下指令:

  1. eval `ssh-agent -s`
  2. ssh-add

到了这一步,就可以添加SSH key到你的Github账户了。键入以下指令,拷贝Key(先拷贝了,等一下可以直接粘贴):

  1. clip < ~/.ssh/id_rsa.pub

然后到Github里面,点击右上角的设置图标

在Settings sidebar那里,点击SSH keys

点击Add Key:New SSH key,输入Title,作为这个key的描述吧(随意)
然后这个Key就是刚刚拷贝的,你直接粘贴就好(也可以文本打开以下文件):

嗯,最后还是测试一下吧,键入以下命令:

  1. ssh -T git@github.com

你可能会看到有警告,没事,输入“yes”就好。

最后一步,快要成功了,键入指令:

  1. hexo generate
  2. hexo deploy

OK,我们的博客就已经完全搭建起来了,在浏览器输入(当然,是你的用户名):

  1. http://tyhjh.github.io/

注意:每次修改本地文件后,需要键入hexo generate才能保存。每次使用命令时,都要在C:\Hexo目录下。每次想要上传文件到Github时,就应该先键入hexo generate保存之后,再键入hexo deploy。大概成功之后是酱紫的:

更改为自己的域名

你输入我上面的网址可能会发现网页跳转到了 tyhj5.com
这是因为我把原来github的域名更换成我自己的域名,
方法如下:
在你的Blog(你自己的网站的文件夹)\source下面创建一个文件

  1. CNAME

内容为你自己的域名

解析域名:
添加如下解析:

然后重新运行一下

  1. hexo clean
  2. hexo g
  3. hexo d

应该就ok了,效果如下:

我自己差不多就是这么完成的,也走了不少弯路,花了很多时间,但是最后弄好了还是挺好玩的

继续优化和了解或遇到问题可以看以下文章:

搭建Hexo并部署到Github上面
手把手教 GitHub + Hexo 搭建博客
修改网站样式,更新博客内容
各种好看的hexo主题
更改个性域名

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注