github+Hexo搭建个人博客

一、前言

本文记录了本博客的建立过程,内容摘自建站过程中参考过的很多类似文章。一来方便自己以后查看,同时也希望自己整理的笔记在被其他人看到时,也能帮助到他们。

二、需要准备的材料

  1. git (官网下载即可)
  2. node.js 、npm(官网下载,两个在同一个安装包)
  3. 注册github账号
  4. 购买独立域名

三、安装所有需要的工具

  1. 安装git,直接去官网下载最新版本即可,安装过程不需要任何设置,一路next到底。下载链接: https://git-scm.com/download/win

    git安装成功的标志是在任何一个文件夹单击鼠标右键都可以看到git相关的选项,如下图:

  2. 安装node.js,同样去官网下载最新版本,下载链接: https://nodejs.org/zh-cn//

    安装成功后,在cmd窗口输入命令查看,如果显示版本信息即成功了,如下图:

  3. 安装Hexo,Hexo的安装直利用git,很方便,首先自己在电脑上创建一个文件夹用来安装Hexo,然后用在git输入以下命令:

npm install -g hexo-cli

例如,我在G盘创建了一个文件夹Hexo,在文件夹处右键选择Git Bash Here,然后输入命令:

到这一步,所有需要安装的工作基本完成。

四、开始部署博客

1.注册github账号

2.在github上创建仓库

新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是kklt,那么你就新建kklt.github.io的仓库,这里必须使用你的用户名创建仓库。创建完成后你的网站访问地址就是http://kklt.github.io ,因此每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库。

3.绑定独立域名

购买域名可以在国内的阿里云或者腾讯云等,国外推荐的godaddy

购买了哪家的域名后,绑定独立域名的方法请自行百度。

4.配置SSH keys

为什么要配置这个呢?因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。

用git bash执行如下命令:

cd ~/. ssh #检查本机已经存在的SSH密钥

然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:

测试是否成功:

ssh -T git@github.com #直接输入这句话不用任何修改

如果提示这个信息说明已经成功。

五、安装Hexo

npm install -g hexo

初始化

cd

hexo init

执行上面代码后Hexo会自动下载一些文件到这个目录下,完成后目录结构如下:

hexo g

hexo c

然后执行

hexo s

通过执行这个命令,可以开启本地预览服务,即可以在本地查看自己的博客,打开浏览器输入http://localhost:400即可看到自己的博客内容。

第一次初始化的时候hexo会帮助我们写好一篇名为Hellow World的文章,打开是这个样子:

六、上传博客到github

上传后,就可以通过 你的独立域名访问自己的博客了。


  1. 首先找到一个背景图片放到 hexo(hexo工程文件)-> themes -> next -> source -> images 的路径下;
  2. hexo(hexo工程文件)-> themes -> next -> source -> css -> _custom ,找到路径下的custom.styl文件,在文件的最上方加上一代码 body { background:url(/images/backGround.jpg(这是你之前加的背景图片的名字));} 就完事了。