如何搭建hexo博客

经过重重困难，这个网站算是搭建好了
怎么样建一个像本站一样的博客站点
这篇文章将会很好的指引你
我会把我遇到的问题，以及解决问题的步骤和顺序写出来
后期会不断更新，有什么问题可以联系我
如果自己实在实在搞不定，给我发邮箱，我会抽空帮你一下

:::warning 注意
按照这个教程千万不要跳步，要不然很麻烦
在制作之前建议将本文先通读一遍，再开始做会顺手很多
:::

软件准备

首先要下载的就是node.js
然后还有很重要很重要的Git
因为我们这里文章编辑使用的是markdown语言
为此我们要下载一个Visual Studio Code进行编辑，当然也可以下载Typora，两款软件都很不错
VS Code是一个非常好的编辑器，就算不写Markdown也可以用来写别的程序
Typora就是专注于Markdown了，我最推荐大家有条件就支持正版：89元终生使用Typora官方下载
没有条件也想用Typora没关系，我把我朋友Kevin找到的可靠破解版薅过来了Typora破解版
安装好之后我们在CMD输入一下命令，检查是否安装成功

1
2
3
node -v
npm -v(node附带的)
git -v

如果这里都能输出对应的版本号，没有报错的话就是正常了，可以进行到下一步，如果报错了，就需要重装一下。

创建仓库

登录Github

如果已经有账号就点击“Sign in”
如果没有账号就点击“Sign up”，按照他的步骤输入邮箱、账号、密码注册新账号
登录成功之后进入到主界面

新建组织

右上角在头像的左边有一个加号，点击加号
在下拉菜单里面点击“New organization”


在新页面点击最左边的“Free”下面的“Create a free organization”，因为免费的已经够用了。

在新的页面填入你的站名，比如我的就是”timewaster43”
然后填上一个邮箱，“This organization belongs to:”选择“My personal account”
完成人机测试，勾选同意协议，点击”Next“就可以了

avatar
在这个界面，如果你是多人编辑，那就填入队友的名字，如果像我一样是一个人就点击下面蓝色的”Skip this step“来跳过这个步骤

avatar
在这个界面随便选一下，提交就可以了，没有什么重要的
做完这里能成功进入组织管理界面就是组织创建成功了

新建仓库

接着，再点击右上角的加号，点击“New repository”新建仓库
avatar
这里的owner选择刚刚新建的那个组织的名字，“Repository name”填“owner名.github.io”
比如我在这里的就是“timewasterxlz.github.io”
下面这两个选项一定要选“Public”!!!
勾选“Add a README file”

最后的成果应该是这样：
avatar
如果是这样，那就设置成功了，可以提交了

生成SSH Keys

进入任意文件夹，右击空白处然后点击“Git Bash Here”
然后再Bash终端输入

1
ssh-keygen -t rsa -C "注册GitHub的邮件地址"

然后敲四次回车
接着打开文件夹“C:\Users\用户名.ssh”
用记事本打开这个文件夹里面的“id_rsa.pub”
全选复制里面的内容
打开GitHub，点击个人头像下拉菜单里的“Settings”进入设置


点击“SSH and GPG keys”
再点击“New SSH key”，名称随意，将刚刚复制的粘贴进去，点“Add SSH key”以添加
为了检验是否添加成功，我们可以在git bash输入

1
ssh -T git@github.com

回车，然后在下一个对话框输入“yes”

生成本地博客

找一个喜欢的位置新建文件夹作为博客目录，我建议放在空一点的D盘或者E盘
在空白处右击，点击“Git bash here”
输入

1
hexo init

这一步是为了初始化博客
然后用管理员身份启动cmd，让cmd进入我们的博客目录

1
2
D:(进入D盘目录，如果是E盘就输入E:，如果是C盘就跳过这一步)
cd 博客文件夹目录（如果目录中有空格需要给目录添加双引号）

实例：

1
2
D:
cd D:\timewaster's_personal_blog

当然Windows11系统是可以直接在目录下右击空白处然后点击“在终端中打开”会更方便

avatar
这样就算是设定好了！
然后在bash输入

1
hexo install

成功之后再回到Git Bash，依次输入

1
2
3
hexo cl(清理缓存)
hexo g(部署)
hexo s(上线至本地服务器)

在输出的文字中找到一串以“https://localhost:4000”开头的链接，复制放到浏览器访问
这时候就可以看到我们的博客在本地服务器端口了，但是外界是访问不了的，还需要进一步放到线上
我们先在bash界面按ctrl+c关闭本地服务器

上线博客

回到之前的本地博客目录，用记事本或者VS Code打开“_config.yml”文件
拉到最下面，找到deploy，并把deploy下面的删掉，换成

1
2
3
type: git
repository: （GitHub仓库界面的链接）
branch: main


这里repository后面的链接可以在GitHub的仓库界面找到并复制
然后保存退出
再次打开本地博客目录下的管理员cmd，安装自动部署发布工具

1
npm install hexo-deployer-git --save

然后再在博客目录打开Git Bash，依次输入

1
2
3
hexo cl（清理缓存）
hexo g（生成）
hexo d（上传）

等上传成功没有报错就可以了
上传成功到能够正常显示需要一段时间，我估算了一下应该是1小时之内
差不多就可以上自己的网站看了
网址就是在前面注册的：注册名.github.io

修改信息

打开网站之后我们会发现一切都是hexo默认的，需要我们自己改
用记事本或者VS Code打开“_config.yml”
将#Site下面按自己的需求填上

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

记得保存

上传文章

新建文章的话一样是要用Git Bash
在Git Bash中输入

1
hexo new 文章题目

文章所用的格式是md格式，也就是markdown，我在一开始的软件安装也讲了，可以用Typora或者VS Code
文件保存在”\source_posts”，要进到这个文件夹进行编辑
写完之后就用Git Bash上传
还是老三步

1
2
3
hexo cl（清理缓存）
hexo g（生成）
hexo d（上传）

结束

到这里，整个网站就可以运行了，但是还不够美观，过两天我会再出一期文章专门讲解如何安装跟我的网站一样的Aurora主题，当然hexo也有很多其他很好看的主题，你们可以上官网去看看，也可以学着安装，但是个人而言，我觉得Aurora很好看，所以就安装了
整篇文章写下来真的很不容易，希望能够帮到你，如果有什么问题，可以微信或者邮箱找我，也可以在评论区评论，我尽量回答。
wx: timewaster2245
Email: 点这里