使用Hexo + Netlify搭建你的个人博客

因为疫情封宿舍了，闲来无聊决定创建一个网站，来随便记录一下日常生活。

Hexo是一个快速、简洁且高效的博客框架，Netlify是一个提供静态资源托管的网络平台。本文实现的是基于Windows平台的，利用Hexo博客框架，利用Github来托管我们的博客项目，最后使用Netlify将Github仓库上的代码自动部署到CDN上，使得国内用户也可以正常访问（虽然访问速度有点慢）

在创建博客之前的准备工作

安装以下两个软件

Node.js

Git

创建一个Hexo博客

一、启动Hexo博客

打开powershell，安装hexo-cli

npm install hexo-cli

在合适的位置创建一个新文件夹，用于存放Hexo博客文件

mkdir <folderName>
cd <folderName>

我这里的<folderName>为HexoBlog，各位也可以自己取名字。

在刚刚的克隆下来的仓库的根目录，输入

hexo init

此步完成后，你将看到如下内容

访问你的本地Hexo Blog

hexo server

可以通过 Ctrl + 鼠标右键 访问

二、创建GitHub仓库

取一个合适的名字，我这里为HexoBlog

三、添加远程库

选择一个合适的目录

在powershell中依次输入

git init
git add .
git commit -m "initial commit"
git remote add origin <your SSH code>
git push origin master

其中，<your SSH code>为下图所示的内容，我这里是git@github.com:YushunXiang/HexoBlog.git

这样，你就把本地的代码库与GitHub上的远程库关联在一起了

四、设置Netlify

在Netlify官网创建一个账户

授权 Netlify 访问您的 Github 存储库，并进行设置

稍等片刻，你的网站就构建好了！

下图的框出部分就是你的网站网址了！你可以点击访问。

参考资料

Hexo帮助文档

Fluid主题配置指南

Fluid主题Github仓库