Hexo搭建个人博客

前言

本期博客介绍如何使用hexo+github+Freenom搭建个人博客，用到的工具有Git，Notepa++， Chrome浏览器，Nodejs ，hexo等。

环境搭建及其初始化

• 下载安装Git，Node

  Node下载地址：https://nodejs.org/en/

  Git：https://git-scm.com/

  （由于篇幅限制，自行百度安装过程，按部就班即可，很简单）

• Hexo官方文档：https://hexo.io/zh-cn/docs/

• 安装

  前面已经安装了Git和Node.js，然后用npm，安装Hexo

  找个文件夹储存你的博客本地文件，右键“git bash here”,打开git控制台（或者用直接cd到你创建的目录下）

  npm install -g hexo-cli
  

  ​ 完成后用hexo -v查看一下版本来检查是否安装完成

  ​

  ​ 然后来初始化hexo

  hexo init myblog
  

  ​ 这个myblog可以自己命名

  cd myblog //进入这个myblog文件夹
  npm install
  

  新建完成后，指定文件夹目录下有：

  • node_modules: 依赖包
  • public：存放生成的页面
  • scaffolds：生成文章的一些模板
  • source：用来存放你的文章
  • themes：主题
  • ** _config.yml: 博客的配置文件**

  hexo g
  hexo server
  

  打开hexo的服务，在浏览器输入localhost:4000就可以看到你生成的博客了，按下Ctrl + C可以把服务关闭。（这个服务不是一直存在的，只有你的 hexo server生效的时候可以打开你的本地博客，当服务关闭时，本地博客就打不开了）

GitHub新建个人仓库

首先，你先要有一个GitHub账户。

注册完登录后，在GitHub.com中看到一个New repository，新建仓库

创建一个和你用户名相同的仓库，后面加.github.io，只有这样，将来要部署到GitHub page的时候，才会被识别，也就是xxxx.github.io，其中xxx就是你注册GitHub的用户名。我这里是已经建过了。

点击create repository。

生成SSH添加到GIthub

回到你的git bash中，

git config --global user.name "yourname"
git config --global user.email "youremail"
12

这里的yourname输入你的GitHub用户名，youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。

可以用以下两条，检查一下你有没有输对

git config user.name
git config user.email
12

然后创建SSH,一路回车

ssh-keygen -t rsa -C "youremail"
1

这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。

ssh，简单来讲，就是一个秘钥，其中，id_rsa是你这台电脑的私人秘钥，不能给别人看的，id_rsa.pub是公共秘钥，可以随便给别人看。把这个公钥放在GitHub上，这样当你链接GitHub自己的账户时，它就会根据公钥匹配你的私钥，当能够相互匹配时，才能够顺利. key把你的id_rsa.pub`里面的信息复制进去

在gitbash中，查看是否成功

ssh -T git@github.com

将hexo部署到GitHub上

这一步，我们就可以将hexo和GitHub关联起来，也就是将hexo生成的文章部署到GitHub上，用notepad++打开站点配置文件 _config.yml，翻到最后，修改为
YourgithubName就是你的GitHub账户

deploy:
  type: git
  repo: git@github.com:YourgithubName/YourgithubName.github.io.git #这一行也可以直接去你的GitHub仓库复制过来要复制的是SSH链接而不是HTTP链接，如果是http的链接则以后的每一次的部署都需要登录你的GitHub账号和密码，很麻烦
  branch: master

完成后，保存关闭notepad++。

这个时候需要先安装deploy-git ，也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

然后

hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西，也可以不加。
hexo generate 顾名思义，生成静态文章，可以用 hexo g缩写
hexo deploy 部署文章，可以用hexo d缩写

注意deploy时可能要你输入username和password。

得到下图就说明部署成功了，过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了

设置个人域名

现在你的个人网站的地址是 yourname.github.io，如果觉得这个网址太low，你也可以自己注册一个域名。

• 首先，我们需要到去腾讯云，阿里云购买一个个人域名。

  或者也可以白嫖，到Freenom免费注册一个域名。这个网站是国外的服务器，因此需要 高维度上网 。

​ 注意：在Freenom注册网站账号时，需要检查自己的ip地址是否和自己填的信息是否一致，如果不一致则会出错。

​ 解决方法：用这个网站 whoer.net 检查自己的ip，然后去谷歌地图随便定位一个和你ip地址一样的地方，填入邮编，街道啥的，电话号码不用填，其他的信息随便编，邮箱最好填一个以防自己的网站账号丢失。

• 然后用打开cmd

  ping yourname.github.io
  

  看一你部署的GitHub的IP地址，然后把得到的IP地址，放到你的域名中freenom，或者阿里云，腾讯云

• 登录GitHub

登录GitHub，进入之前创建的仓库，点击settings，设置Custom domain，输入你的域名ikeanu.tk

然后在你的博客文件source中创建一个名为CNAME文件，不要后缀。写上你的域名。

然后打开_config.yml，填上skip_render: CNAME。

注：如果只在GitHub上填域名，则每次更新你的内容的时候都需要重新在GitHub填写你的个人域名