前言

相信每一个常年混迹与互联网世界的IT技术人员,都希望在互联网中有一片属于自己的天地。
自己可以在上面,分享自己的生活,工作,学习或者一些技术,记录下自己的点点滴滴经验。
那么,接下来我们就来在互联网中开垦出一片自己的天地。

hexo+github搭建博客的优缺点

优点

1.完全免费(当然你想拥有一个属于自己的域名除外)
2.依托于Github,大平台靠得住。
3.Hexo博客有许多主题可供下载(Hexo主题),也支持二次开发,可以做的非常美观。
4.数据备份方便
5.静态页面主要展示作用,相对安全。
6.没有那些大平台的限制,广告之类的。

缺点

1.Github是国外的,会受到天朝防火墙的影响,有时候网速不稳定。
2.需要一定的操作能力,并不是小白式的。

准备工作与安装环境

1.注册一个Github账号
2.安装Git,了解基本使用。
3.安装node.js、npm或cnpm(一般装好node.js会自带一个npm,但是版本一般比较旧,而且受到天朝防火墙的影响,一般非常慢,后面会介绍使用npm的国内镜像)

注册Github账号并创建仓库

访问官网自己去注册。

hexo+github搭建免费个人博客详细教程_用户名


注册好了账号之后,以账号的名称创建一个存放上传博客的仓库。

hexo+github搭建免费个人博客详细教程_github_02


hexo+github搭建免费个人博客详细教程_github_03


hexo+github搭建免费个人博客详细教程_git_04


然后点击创建就可以了。将来直接访问下面的链接就可以访问你的博客。

用户名.github.io

安装git

官网 git也是受到天朝防火墙的影响,需要科学上网后才能正常下载。因为本人是一名遵纪守法的中华人名共和国好公民。所以下载git自行解决,下载下来就是这样。

hexo+github搭建免费个人博客详细教程_git_05


点击安装后一直下一步下一步就是了,安装地址自己选择。建议文件新建一个文件夹不要乱放。

安装node.js npm

官网 也是和前面git安装一样,不过这个不需要科学上网,直接下载。

hexo+github搭建免费个人博客详细教程_git_06


都安装好后,打开终端。

hexo+github搭建免费个人博客详细教程_github_07


输入命令之后,没有错误就安装好了。

配置SSH Key

提交代码到仓库都需要权限,直接用用户名密码不如ssh安全。
在任意位置右键桌面打开git输入

cd ~/. ssh

检查本机已存在的ssh密钥

如出现一下情况,按下面方法执行,若没有则跳过这一步。

hexo+github搭建免费个人博客详细教程_用户名_08


输入

cd ~/".ssh"

hexo+github搭建免费个人博客详细教程_用户名_09


如果提示:No such file or directory 说明你是第一次使用git,本机还没有ssh密钥。

如果有,则删除该文件重新创建生成ssh密钥。

cd /

切换到主目录下输入

ssh-keygen -t rsa -C "邮件地址"

连续回车三次,会在更目录下生成一个文件,打开后找到id_rsa.pub 获取这个文件的内容

cat id_rsa.pub

hexo+github搭建免费个人博客详细教程_用户名_10


这就是你的ssh密钥,然后打开github,进入设置–>SSH and GPG keys把这里的内容复制到key里面,然后Add key

hexo+github搭建免费个人博客详细教程_git_11


这样就可以从git连接代码库。

测试是否成功

ssh -T git@github.com

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes然后会看到

hexo+github搭建免费个人博客详细教程_github_12


到这里说明SSH已配置成功!

本地配置config信息

git config --global user.name "github用户名非昵称"
git config --global user.email  "github邮箱"

Hexo搭建

安装npm的国内淘宝镜像

1.通过命令配置

npm config set registry https://registry.npm.taobao.org

验证命令

npm config get registry

2.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装Hexo

首先在根目录下创建一个名为Hexo的文件夹,在这文件夹中打开git,输入以下命令。

cnpm install -g hexo

然后初始化

hexo init

hexo+github搭建免费个人博客详细教程_git_13


初始化完成后会出现这些文件。这时候先

hexo g

然后

hexo s

打开浏览器,访问localhost:4000即可本地访问博客。

修改上传配置

打开hexo文件根目录下的*_config.yml*中有关deploy的部分,进行如下修改

hexo+github搭建免费个人博客详细教程_git_14


把repository改成自己仓库的ssh连接形式即可。

hexo+github搭建免费个人博客详细教程_用户名_15


这样修改过后保存。

重新上传,访问 用户名.github.io 即可使任何人访问博客。

绑定域名

因为Hexo个人博客是托管在github之上,每次访问都要使用githubname.github.io这么一个长串的域名来访问,会显得非常繁琐。这个时候我们可以购买一个域名,设置DNS跳转,以达到通过域名即可访问我们的个人博客。通过查阅文档发现,github pages是支持域名绑定的。
域名购买自行选择,国内的域名服务商有新网,腾讯云,阿里云等等,国外的域名服务商有godaddy。我选择的是godaddy,因为不用实名认证。

域名解析

先获取自己的github的二级域名的IP地址,终端输入

nslookup 用户名.github.io

hexo+github搭建免费个人博客详细教程_git_16


然后就可以去godaddy进行域名解析,照下面填写就OK了。

hexo+github搭建免费个人博客详细教程_github_17


这里贴一张,之前我域名解析时遇到的问题,github官方给我的回答。

hexo+github搭建免费个人博客详细教程_github_18


这里配好了,然后在github仓库的setting中找到github pages按如下设置。

hexo+github搭建免费个人博客详细教程_git_19


最后找到本地Hexo文件中的source文件夹点开。

hexo+github搭建免费个人博客详细教程_github_20


创建一个CNAME的文件,没有后缀,内容是你买的域名,也是不带www

hexo+github搭建免费个人博客详细教程_github_21


hexo+github搭建免费个人博客详细教程_git_22


然后就可以访问你买的域名,到达你的博客。