手把手教你搭建自己的个人博客

前言

此教程使用hexo配合github搭建

具体参考：https://xuqingsakura.github.io/2024/05/19/%E4%BD%BF%E7%94%A8hexo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/

准备工具

首先需要下载nodejs和git两个工具

[nodejs] https://nodejs.org/en/download/prebuilt-installer 

[git] https://git-scm.com/download 

点击上面链接即可下载

安装时一直点确定即可接下来检查是否安装成功

打开cmd输入npm -v(他是node附带的)

node -v

git -v

搭建仓库

成功下载工具后，进入GitHub开始搭建GitHub储存静态页面的仓库

首先注册/登录

[Github] https://github.com/ 

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

仓库名输入用户名.github.io

勾选Public和Add a README file

最后点击create创建仓库

生成SSH Keys

进入任意文件夹，右击空白处点击Git bash here，输入ssh-keygen -t rsa -C "邮件地址"

然后敲4下回车

进入C:\User\用户名，找到.ssh文件夹进入

用记事本打开里面的id_rsa.pub文件，全选复制里面的内容打开GitHub

进入用户设置，找到SSH keys

新建SSH keys，名称随意，在下面粘贴刚才复制的内容

然后点击创建测试是否成功

在git bash中输入ssh -T git@github.com

回车，然后输入yes

出现successful就表示成功了

到这里前面的准备工作就结束了，下面开始进行博客的搭建开始搭建博客

首先在你想要存放博客文件的位置创建一个文件夹（名字任意）例如：blog或者boke文件夹

然后进入该文件夹打开Git bash here下载hexo

在Git bash here里面输入npm install hexo-cli -g生成本地博客内容

下载完成之后再输入hexo init

如果出现'command not find'，就在前面加上npx，如：npx hexo init

然后输入hexo install

接下来一次输入hexo g

hexo s

如果不成功就重复到成功为止，因为国内与GitHub连接不稳定

成功之后可以复制生成的链接进入游览器看到生成的本地服务器

 

然后回到命令行，ctrl+c关闭本地服务器上线博客

进入之前的创建的博客文件夹，用记事本或者vscode打开_config.yml文件

拉到最下面将deploy下面的内容全部删掉，复制粘贴下面这段type: gitrepository:branch: main

注意缩进格式：每行前面都有两个空格不要删，每个冒号后面都有个空格也不要删！！！

然后到GitHub之前生成的仓库页面，点击code，复制htps链接

将其粘贴到repository: 后面保存退出

回到博客文件夹

打开Git bash here

安装自动部署发布工具npm install hexo-deployer-git --save

然后依次输入hexo g(生成)hexo d(上传)

如果是第一次使用git的话会需要配置git config --global user.email "你的邮箱"git config --global user.name "你的名字"

配置完后再使用hexo d上传

在跳出的窗口进行登录操作

这样就成功的把本地内容上传到GitHub了

上传成功以后就算搭建好了

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

现在就可以上网址看我们搭建的博客了网站资料

目前我们的博客标题还是默认的hexo，整个页面都是默认的样子，接下来可以对其进行修改

打开博客文件夹中的_config.yml文件

将#Site下面按照自己的需求填上# Sitetitle: 标题subtitle: 副标题description: 描述keywords: 关键字author: 站主language: 语言(可以填zh-CN)timezone: 时区(可以填Asia/Shanghai)

然后点保存上传文章

我们在博客文件夹中打开Git bash here输入hexo n 文章标题

就可以生成新的文章md文件

文章格式是.md格式在博客文件夹的/source/_posts中

推荐用Typora软件编辑.md格式文件

Typora官网：https://www.typoraio.cn/

也可以使用vscode进行编辑

然后就可以打开.md文件就可以开始写文章了

写好之后就可以上传了，打开Git bash here输入hexo ghexo d

就可以完成上传操作

到这里我们的博客搭建就基本上完成了，剩下的就是对博客的优化和美化了

有问题可以留言探讨

感谢大家观看！！！