【Hexo + Github搭建个人博客】——环境搭建

【写在前面】

写这一系列文章的目的有两个:

  1. 为了记录Hexo+Github搭建博客的全过程,巩固其中的知识点
  2. 跟大家分享一些过程中遇到过的坑,以免再踩(当然还有一些没有解决的,有知道的还请不吝赐教~)

简介

首先,大致了解一下Hexo和Github。

Git简介

Github 和 Git 是两回事。
Git 是目前世界上最先进的分布式版本控制系统(没有之一);
Github 是在线的基于Git的代码托管服务。
参考:廖雪峰的官方网站——Git简介git和github简介

Hexo简介

官网是这么说的……Hexo官网
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

简略地说,使用Hexo+Github搭建博客,就是利用Markdown进行博客的编写,通过Hexo框架解析生成靓丽的静态页面,然后部署到Github上供大家浏览。

使用Hexo+Github搭建博客的好处

  • 免费方便,不需要服务器,不需要后台,无限流量
  • 都是静态文件,访问速度快
  • 数据绝对安全,基于Github的版本管理,可以恢复到任意版本
  • 博客内容可以轻松打包、转义、发布到其他平台
  • 可以随意绑定自己的域名

准备工作

在开始搭建博客之前,你必须做好以下准备:

  • 安装Git客户端
  • 有Github账号(没有的话,到Github官网申请一个)
  • 安装node.js、npm,并了解相关基础知识

本次博客搭建使用的环境:

  • Window7 X64
  • git版本:2.11.0.windows.1
  • node.js版本:v6.11.1
  • vpm版本:3.10.10
  • Hexo版本:3.3.7

安装Git

安装Git,创建Github仓库以及相关的一些配置已经在如何向github提交代码?一文中详细给出,这里就不再重复了。

安装Node.js

Node.js的安装过程很简单,一直点击 Next ,然后等待安装完成即可。
Node.js安装
Node.js安装

验证软件的安装

在“开始”菜单中,输入 cmd 后打开 ,输入以下命令行,验证软件是否安装成功,同时还可以检测安装的软件版本。如果结果显示与下图一致,则说明安装成功;否则安装失败,卸载后重新进行安装。

1
2
3
git --version
node -v
npm -v

验证安装

配置Github

创建Github仓库

新建一个与你的用户名相对应的仓库:yourusername.github.io ,比如你的用户名是“helloworld”,则新建一个 helloworld.github.io 的仓库。(注意:必须是用户名,其他名称无效)
以后个人博客的访问地址就是 http://helloworld.github.io

绑定域名

本次博客搭建,为了方便,并没有绑定域名,就用默认的 yourusername.github.io 来进行访问。如果想要个性化的使用自己的域名,请自行百度,参考他人博客。

配置SSH key

如果你之前已经配置过SSH key,请自动跳过这一步。
当然你也可以不配置SSH key,但这样的话,每次博客内容有改动需要提交的时候就需要输入Github账号和密码,不安全。因此,我们对SSH key进行配置,在保证安全性的条件下,解决本地和服务器的链接问题。
打开 git bash,输入以下命令:

1
$ cd ~/. ssh

以上命令用于检查本机已存在的ssh密钥,如果提示 No such file or directory,则说明你是第一次使用git。

1
ssh-keygen -t rsa -C "邮箱地址"

连续敲三次回车,然后会在用户目录的.ssh文件中生成id_rsa(密钥): ../.ssh/id_rsa,打开并复制里面的内容。进入你的Github的设置页面,点击左侧选项栏中的 SSH and GPG keys,再点击 new SSH key,把刚才复制的内容粘贴到 Key 那一栏, Title 栏不需要填写,直接点击 Add SSH key 即可。
在Github中添加SSH key

1
ssh -T git@github.com

测试是否在Github上成功添加SSH key,如果出现以下提示,在表示添加成功。
测试是否成功

您的支持将鼓励我继续创作!