hexo+GitHub搭建博客的学习过程

---

前言

做为一枚计算机小白，当自己亲身经历零开始hexo+GitHub搭建博客的过程，遇到了许多问题，亲身去寻找方法去解决问题，最终完成搭建的那一刻，所获得的成就感是无法用言语表达的。下面我分析一下自己搭建博客的过程和遇到的问题及解决方案，希望对大家有所帮助。

一、node安装

node下载安装

浏览器搜索node.js，进入官网（提供官网：
https://nodejs.org/zh-cn/）

下载长期支持版本，下载好打开安装就可以了
（安装路径可以选择安装在D盘）

node安装检测

检测node是否安装成功以及版本信息
winder键+r键打开命令窗口输入cmd回车，输入命令node -v

二、github注册

注册

浏览器搜索github，进入官网注册，按要求填写Username，Email，Password（不知道什么意思的自己翻译，之后的搭建中翻译器是可以提供很大的方便），这些信息都很重要，要记住。

建库

验证邮箱后进入此页面，建立新仓库
用户名填写注册时的Username，一定是用户名.github.io这个形式
也可通过这种方式建立仓库
然后打开仓库创建一个 index.html 文件，并添加内容

三、git for windows安装

浏览器搜索git for windows进入官网（提供网址：
https://gitforwindows.org) ,download下载，前面一直默认选项，在此处选择第二项
（安装路径可以选择安装在D盘）

win+r进入cmd，输入git指令

即安装成功。

四、githubSHH配置

1）在安装路径下打开git-bash

输入命令

ssh-keygen -t rsa -C "你的邮箱地址"

一直回车即可

2）打开浏览器搜索github进入官网，点击右上角你的头像进入设置


key要输入密匙，我们要找到这个文档，并且右键用记事本打开该文档


复制其中内容到上面key中即可。

五、hexo本地使用

一）安装

1）安装cnpm

npm install -g cnpm --registry==https://registry.npm.taobao.org

这一步是安装淘宝镜像源，使下一步安装hexo的速度更快（在此处放入一个B站up主博客网址:http://weimumu.top/2020/ckjco6flf00022gnl4c163vst/
此博客中有视频，可以选择性跳到这一步，但毕竟时间有点久了，里面很多地方在现在用起来不太方便，视频博客仅提供参考，实际情况还以自己亲身经历为准）
2）验证cnpm是否安装成功

cnpm -v

3）安装hexo框架
打开此电脑，选择安装git的盘中新建一个文件夹（如将git安装到D盘中，即在D盘中新建文件夹）可命名为blog，点击进入，右键选择git bash here打开，输入命令安装，

cnpm install -g hexo-cli

安装后验证

hexo -v

（来自b站up主王大合）

二）使用

初始化项目本地运行
1）初始化

hexo init

2）本地使用

hexo s

出现：

INFO Validating config INFO Start processing INFO Hexo is running at
http://localhost:4000 . Press Ctrl+C to stop.

如果遇到这个问题：

只需要输入这个

git config --global --unset http.proxy 
git config --global --unset https.proxy

那么本地访问http://localhost:4000 就可以看到博客网站了，但效果是有限的并且别人无法访问。

六、sublime安装

浏览器搜索sublime（提供网址：http://www.sublimetext.com或者中文网下载：http://www.sublimetext.cn/）
（安装路径可以选择安装在D盘）

安装之后，找到安装文档打开

打开之后将博客目录直接拖进打开窗口

（图片来自b站up主hojun_cn,视频截图）

七、hexo发布至github

打开仓库_config.yml 配置文件，拉到文件末尾，填上如下配置：

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://github.com/budongshu/budongshu.github.io.git #仓库名字改成自己的
  branch: main

修改完之后记得保存，Ctrl+s用于保存。

安装插件

安装一个部署插件 hexo-deployer-git
打开cmd输入npm install hexo-deployer-git --save就可以安装了。

npm install hexo-deployer-git --save

最后执行以下命令完成部署

hexo g -d

至此即可在浏览器访问网址： https://你的用户名.github.io 就会看到你的博客了。

八、hexo主题使用

主题官网：https://hexo.io/themes/


1.下载主题
找到hexo文件所在的位置，找到themes，右键单击，选择在Git Bash Here打开。
打开之后输入指定下载命令

git clone https://github.com/Sariay/hexo-theme-Annie.git

等待安装之后可输入指令ls查看

ls

然后修改_config.yml文件里的theme配置来更换使用的主题

最终应用到hexo上即可

hexo clean
hexo g
hexo d

本地预览

hexo s

至此所有搭建过程都已经完成，我尽可能多的使用插图，是希望我的博客可以对你们搭建博客平台有所帮助，因为我是一枚计算机小白，在搭建的过程中遇到很多的问题不知道如何解决，有过着急，也想要放弃，但真正去克服解决这一个一个问题，所获得的成就感是无法言语的。

最后的最后放上几位大佬的博客供大家参考，里面有对一些问题的解决方案：
1：https://blog.csdn.net/qq_45836474/article/details/104027945
（这位大佬提供了删库的方法以及对主题无法使用的解决方案）
2：https://blog.csdn.net/weixin_51706044/article/details/113409280
3：http://weimumu.top/2020/ckjco6flf00022gnl4c163vst/
4：https://blog.csdn.net/qq_51954912/article/details/113383755