用Hexo+Netlify免费部署自己的博客

最近看到周围的朋友都搞了自己的博客，非常羡慕。然后上网搜了一下，发现了这么一个好东西：

Hexo：hexo.io


Hexo是一款基于Node.js的博客框架，上手快，简洁高效，使用Markdown来解析文章

准备工作

你需要安装以下软件包：

nodejs,git

安装

首先安装hexo cli

npm i -g hexo-cli

如果下载太慢可以切换下载源

#该命令会把npm的下载源切换成国内的淘宝源
npm config set registry https://registry.npmmirror.com

##该命令会把npm的下载源切换回官方的源
npm config set registry https://registry.npmjs.org

开始使用

使用该命令创建你的博客目录

hexo init {目录名}

如输入hexo init blog，那么就会在你的当前目录下创建一个blog文件夹，里面包含了你的博客所需要的文件

接下来使用该命令进入目录

cd blog

然后安装所需依赖

npm install

一个Hexo的基本目录就安装完成了

接下来打开package.json文件，把scripts那一段改成下面这段

"scripts": {
  "build": "hexo generate",
  "clean": "hexo clean",
  "server": "hexo server",
  "netlify": "npm run clean && npm run build"
}，

保存并退出

然后你会看到有一个名为_config.yml的文件，这就是你博客的配置文件

配置详情可以在这里查看

配置好之后运行这个命令

hexo s

这将会在本地的4000端口上开启你的博客服务器，在本机的浏览器中输入
http://127.0.0.1:4000/
即可查看

发布你的文章

使用以下命令来发布你的第一篇文章

hexo new post "First"

这将会在 source/_posts/ 目录下生成文件 ‘First.md’，打开编辑器进行编辑，使用Markdown语法

你会看到里面有类似这样子的内容:

---
title: 用Hexo+Netlify免费部署自己的博客
date: 2024-02-24 13:08:49
categories: 
- 技术
tags:
- 博客
- Hexo
---

这些就相当于你博客的元数据，title和date不用多说，categories指的是你文章的分类，tags则是这篇文章的标签

其中categories和tags不是必须的，可以不填

编辑好之后就可以用这个命令将它发布

hexo g

然后就可以使用hexo s看看本地效果了

上传至Github

打开Github并注册帐号，这里就不多赘述

接下来我们新建一个仓库

先点击右上角个人头像，再选择Your respositories,选择New

接下来如图所示





然后以ssh的方式将其clone下来



方法：

cd .. //回到博客外面的文件夹
git clone git@github.com:/用户名/仓库名.git

一定要用SSH！！！
如果出现无权限的问题请参考这里为你的github添加ssh密钥

clone下来后，我们发现仓库是空的，这时候我们再把博客文件夹中的所有内容复制过去

然后我们需要提交这个博客仓库

git add .
git commit -m "写入备注"
git push

这样子就上传至git仓库了

部署到Netlify

Netlify官网

直接用自己的电子邮箱注册一个帐号

然后来到主页，新建一个Site



从Github导入



选择你的仓库


Site name就是作为你博客的子域名


我设置了sudabaka，那么Netlify分配给我的就是https://sudabaka.netlify.app


这里需要这样填

一切准备就绪，就按下底部的Deploy按钮，然后等待部署完成

完成后我们就可以通过Netlify的域名访问了！

自定义域名（可选）

Netlify允许你使用自己的域名，首先我们打开侧边的域名管理



添加你自己的子域名(Add a domain)，这时候他会同时添加主域名，并且要求你使用他的DNS

如果你这个域名有服务器的话，那我建议不要将子域名设置为www，因为他会自动重定向到主域名，导致你的博客无法访问，我的建议是使用blog作为子域名

然后我们给域名添加CNAME记录，指向Netlify的域名


接下来的HTTPS我们只需要用Let’s Encrypt签发一个证书然后手动安装就可以了

如果需要发帖子的话，就像前面说的一样，用

hexo new post "帖子名"
//编辑后
hexo g
git add .
git commit -m "更新内容"
git push

push之后Netlify那边就会自己部署了

写在最后

这是我第一次写博客，可能有些不足之处

还是希望大家多多关照qwp