【技能学习】用Hexo搭建个人网站

如果想拥有一个属于自己的博客，自己的个人网站。现在最常用的方法是Wordpress+VPS或者Hexo+Github。这些具体是什么？这里有详细的教程。

一. 搭建博客前需要了解的知识

首先，想搭建一个博客，我们最主要的是两个大步骤：
一：在本地能够生成、创建一个网站
二：将我们在本地生成的网站托管在服务器上，从而在任何地方都能看到我们的网站

1. Wordpress还是Hexo

那么我们想实现第一个步骤，最常用的就是Wordpress或者Hexo。这两个工具可以帮助我们生成一个网站。
区别:
Wordpress用于生成动态网站，体积比较大，有点臃肿，但是基本不涉及代码层面，适合没有代码基础的人使用.。
(常与VPS或虚拟主机一起使用，所以少量需要资金。)
Hexo用于生成静态网站，有点折腾，需要一点点代码基础，原生支持markdown，更专注于写作。
(常与GIthub、coding一起使用，免费。)

总结：如果你想免费，愿意折腾，建议用Hexo；如果你不介意钱，不想折腾，建议用Wordpress。

2. VPS还是Github、coding

很简单，愿意花钱：VPS
想要免费：Github、coding
对于个人博客，两个都完全足够。

我选择的是Hexo+Github的方式创建网站，毕竟免费的嘛。

二. Hexo方面

首先下载安装Hexo的环境：Node.js
检查是否安装成功： node -v
如果显示了版本号，说明安装成功

之后的步骤只需要几行代码就可以解决：

sudo npm install -g hexo-cli    #安装Hexo
hexo init blog    #blog可以换成其他名字,这一步初始化博客
cd blog              # 进入blog文件夹
npm install
hexo g                # 生成静态网页
hexo s                # 预览网站

看到这个提示，说明成功了

之后进入网址：localhost:4000便可以看到我们目前布置好的网站。

简简单单几行代码，我们就已经用Hexo建立了一个网站，但是这个网站仍然在本地，接下来我们需要将网站托管到GitHub上。

三. Github方面

我们用GitHub来托管我们的网站，先注册一个GitHub账号，然后创建一个Project，仓库名一定要是 “用户名.github.io”
这个仓库就是我们用来放我们网站的地方，我们要想把网站放上来，就需要进行双向允许。什么是双向允许？就是仓库同意接收该网站和该网站允许自己被上传。

1. 让网站允许自己被上传

在GitHub的那个仓库里找到自己的仓库名，复制

image

然后在blog文件夹里打开根文件下的_config.yml文件，在最下面修改成

image

2. 让Github同意接收网站

步骤如下：

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
ssh-keygen -t rsa -C "你的GitHub注册邮箱"

改成你自己的邮箱，使用默认值一路回车。
如果一切顺利的话，可以在用户主目录里找到.ssh目录，里面有id_rsa和id_rsa.pub两个文件，这两个就是SSH Key的秘钥对，id_rsa是私钥，不能泄露出去，id_rsa.pub是公钥，可以放心地告诉任何人。

登陆GitHub，打开“Account settings”，“SSH Keys”页面：
然后，点“Add SSH Key”，填上任意Title，在Key文本框里粘贴id_rsa.pub文件的内容：点“Add Key”，你就应该看到已经添加的Key。

这样GitHub便会无条件接收你网站里的内容更新。

四. 最后连通GitHub与网站

到现在为止，你已经有了一个真正的自己的网站，任何人都可以访问你的网站。
你的网站域名是：https://你的仓库名.github.io/

进行以下步骤：

npm install hexo-deployer-git --save
hexo g      #将修改的内容变成网页形式
hexo d      #将渲染好的网页部署到GitHub上

Bingo!

五. 域名绑定

目前为止，你已经可以通过“仓库名.github.io“访问到你自己的网站。

接下来在任意一个域名购买网站购买你的域名，这里以万网为例。购买之后你需要做两件事：

在GitHub上放置你的域名——告诉github，我要用这个域名代替你了
在万网上放置你的Github名——告诉万网，你以后就把我这个域名通往GitHub了

第一步很简单，在blog根目录下的source文件里新建一个文件CNAME（没有扩展名），在里面写上你的域名xxxx.com(不要写http和www)。然后hexo g hexo d

第二步：进入万网的域名解析页面，然后进入控制台：

控制台

添加记录

然后添加一条解析记录，如上图，记录类型选择CNAME，主机记录填@，记录值填你之前的github域名。

做完上面两步后，你就可以通过你自己的域名访问网站啦。