Q1uJu-Blog搭建过程

Blog地址

搭建过程参照Fomalhaut大佬的b站搭建教程，使用Hexo作为博客框架。

ps：搭建过程中忘记截图记录了，有些过程可能没有图片。

本地已经安装了nodejs、git，直接在GitHub中创建一个新仓库。

用以下git命令生成ssh公钥，用于计算机与Github连接。

1	ssh-keygen -t rsa -C "邮箱地址"

执行完生成命令后在C盘用户文件夹下的.ssh文件夹看到id_rsa.pub文件，将里面内容复制并粘贴至GitHub里配置SSH KEY。

输入以下命令测试连接，出现连接到账户的信息即为完成。

1	ssh -T git@github.com

在Git BASH输入如下命令安装Hexo。

1	npm install -g hexo-cli

安装完后输入hexo -v验证是否安装成功。

在目标路径执行下方命令初始化Hexo项目。

1	hexo init hexo

进入hexo，输入npm i安装相关依赖。安装完以来后，输入hexo server或者hexo s启动项目。打开浏览器，输入地址：http://localhost:4000/，可看到初始构建好的博客。

执行如下命令安装hexo-deployer-git。

1	npm install hexo-deployer-git --save

修改_config.yml文件最后一部分。

deploy:
  type: git
  repository: git@github.com:Q1uJu/Q1uJu.github.io.git
  branch: main

修改好配置后运行如下命令，将代码部署到GitHub。

1 2	hexo clean && hexo generate && hexo deploy // Git BASH终端 hexo clean; hexo generate; hexo deploy // VSCODE终端

出现Deploy done说明部署成功。

按流程使用Vercel部署完Hexo项目，在西部数码购买域名q1uju.cc，并绑定Vercel自定义域名。

在博客根目录打开Git BASH，输入下方代码安装butterfly主题。

1
2
3

npm i hexo-theme-butterfly
# 未安装pug和stylus的渲染器还需再安装这两个渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save

在站点配置文件_config.yml中，把主题改为butterfly。

1	theme: butterfly

剩余美化流程均根据Fomalhaut佬的教程更改，具体美化情况由博客界面直接展示。

使用原有的Gitee账号登录，并在Gitee中新建一个项目。

在设置中生成一个新的私人令牌并保存token。

下载安装PicGO。

我选择的是当前最新的稳定版2.3.1。

下载Gitee上传的插件。

打开PicGo，找到图床设置中的Gitee并填写相关信息。

点击[设置默认图床]

打开Typora，文件->偏好设置->图像。

设置好后点击[验证图片上传选项]，图床搭建及设置完成。