Hexo | 无服务器，如何搭建个人独立博客？

这篇文章会给大家分享我是如何从0开始搭建我的个人独立博客的。

个人博客食用体验更佳：文章链接

接下来我们开始吧

文章比较精简，没有废话，不要跳步

准备工具

首先我们需要到对应网站下载需要的工具

下载nodejs

(这篇文章里有修改nodejs缓存路径的教学:文章链接，c盘战士可以不看)

---

下载git

一直点确定就行，全部按它默认勾的

(这里有一篇详细安装教程文章链接，可以不看)

---

都是傻瓜式操作下载，可以不看教程，想调试下工具的话可以看看

接下来我们测试下是否都下载成功

管理员运行cmd，依次输入

node -v
npm -v（这个是node附带的）
git -v

下载hexo

npm install hexo-cli -g

搭建仓库

成功下载好工具之后，我们开始搭建GitHub存储静态页面的仓库

首先注册/登入Github

点击Create a new repository进入新建仓库页面

仓库名输入：

用户名.github.io

勾选Public

勾选 Add a README file

拉到下面点击create创建

生成SSH Keys

进入任意文件夹，右键空白处然后点Git bash here,输入

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

然后敲4次Enter⌨️

然后进入C:\Users\用户名，在里面进入.ssh文件

用记事本打开里面的id_rsa.pub,全选复制里面的代码

然后打开github

进入用户设置，找到SSH keys

新建SSH keys，名称随意，在下面粘贴代码，

然后创建

测试是否成功

在git bash中输入

ssh -T git@github.com

回车，然后再输入yes

本地生成博客内容

在喜欢位置新建文件Blog，然后进入文件夹

右键空白处然后点Git bash here，输入

hexo init

然后管理员运行cmd，用cmd进入我们的Blog文件夹

cmd操作指令：
D:  (进入D盘)
cd 文件夹名  (进入该文件夹)

进入然后输入

hexo install

成功后再回到Git bash

依次输入

hexo g
hexo s

（如果不成功的话就重复直到成功，因为国内与github连接不稳定）

现在就可以复制生成的链接进入浏览器看到我们生成的本地服务器了

然后关闭ctrl+c

上线博客

进入之前的Blog文件夹，用记事本打开_config.yml

拉到最下面将deploy后面的全删掉，复制粘贴这段

  type: git
  repository: 
  branch: main

（每行前面都有两个空格不要删，每个冒号后面都有个空格也不要删！）

去github之前生成的仓库页面点code，复制https链接

将其粘贴到我们记事本中的repository：后面

然后保存退出

和之前一样管理员运行cmd然后进入Blog文件夹

安装自动部署发布工具

npm install hexo-deployer-git --save

然后在Blog文件夹右键打开git bash，依次输入

hexo g（生成）
hexo d（上传）

然后在跳出来的窗口内进行登录

接下来我们就成功把本地内容上传到github了

上传成功以后，我们就算搭建好了！上自己的网址看看吧

网址是我们之前设的仓库名：用户名.github.io

网站资料

我们会发现我们的博客标题还是默认的hexo，整个页面是初始默认的，接下来我们对其进行修改

用记事本打开我们blog文件夹中的_config.yml文件

将#Site下面按自己的需求填上

# Site
title: 标题
subtitle: 副标题
description: 描述
keywords: 关键词
author: 站主
language: 语言（可以填写zh-CN）
timezone: 时区（可以填写Asia/Shanghai）

然后保存

如何上传文章

我们在Blog文件夹中打开git bash,输入下方代码就可以生成新的文章文件

hexo new 文章标题

文章是.md格式，在我们的Blog文件夹中的source/_posts中

强烈推荐用Typora软件来编辑.md格式的文件

Typora官网：https://www.typoraio.cn/（89元终身使用，推荐正版）

破解版奉上：蓝奏云文件

然后我们用Typora软件打开该.md文件就可以开始写文章了

写好以后，我们还是一样打开git bash上传

hexo g
hexo d

---

至此，我们就成功搭建好基本的博客了，剩下的就是对博客的一些优化和美化了。

如果想安装和我一样的butterfly主题的话接下来可以参考这个butterfly官方的教程

Butterfly官方文档

有什么问题的话可以评论，我会尽快回复。