前言
本文用以记录本人从0开始搭建自己的静态博客网站,使用Hexo博客框架搭建并部署到Github上,在不购买云服务的情况下构建自己的博客网站用以记录自己的学习内容。
环境准备
在安装Hexo之前,需要确保电脑中已经安装有与Node.js与Git工具,由于博主电脑中已经安装了这两个工具,所以就不在此进行安装了,若需要安装的话上网搜索教程即可。环境配置完毕后进行检查工作来确保正确配置。

安装Hexo
在命令行中输入以下命令安装cnpm(因为用npm去安装Hexo容易报错)
1 | npm install -g cnpm --registry==https://registry.npm.taobao.org |
输入版本检查命令检查cnpm是否安装成功

用cnpm安装hexo
1 | cnpm install -g hexo-cli |
输入版本检查命令出现版本信息说明hexo安装成功

Github配置工作
新建一个博客仓库,仓库名称设置为username.github.io(将来你的博客访问地址就是https://username.github.io ,这里的username为你的用户名),每个github账户最多只能创建一个这样的域名访问网站!!

配置SSH免密登录(用来解决本地和github服务器的连接问题,若已经配置完毕则跳过这一步骤),首先的话进入C:\User\你的用户名\ .ssh文件夹进行删除(Tips: Shift+Delete为彻底删除,不会占用回收站空间),然后在C:\User\你的用户名 文件夹下右键打开Git Bash Here ,在git窗口输入命令生成.ssh秘钥

1 | ssh-keygen -t rsa -C "你的github登录邮箱" |
生成了一个新的.ssh文件夹,然后将这个文件夹下的id_rsa.pub文件的内容以记事本打开后复制其内容,在github主页下的Setting中依次打开SSH and GPG Keys和New SSH key,把内容粘贴进行,title内容随便填写即可,公钥即添加成功。

在.ssh文件夹下打开git窗口后输入命令检查是否设置成功

还需要进行github全局的用户名和邮箱的配置
1 | git config --global user.name "你的github username" |
搭建博客
创建一个博客文件夹,双击进入博客文件夹后鼠标右键选择Git Bash Here,在打开的git窗口进行博客项目初始化工作
1 | hexo init |
初始化完成后你会发现文件夹中出现了一些文件,其中source为博客的md文件夹(后续内容在这里编写),themes为博客的主题文件夹(下载主题文件在这里),_config.yml为博客的配置文件(修改博客的配置信息在这里)

1 | hexo g #执行该命令会在public文件夹下生成相关的html文件,这些文件将提交到github上 |
在博客文件夹下打开git窗口输入命令安装 hexo-deployer-git 插件,从名字不难看出该插件用于将我们的博客内容部署到github上去
1 | npm install hexo-deployer-git --save |
编辑博客文件夹下的_config.yml文件,在文件末尾配置部署信息(如果写为别的分支可能会出现本地更新与github显示无法同步的问题,为了避免麻烦这里我们就设置部署分支为main)

在git窗口输入命令即可将本地blog推送到github远程仓库,推送完毕后即可通过username.github.io访问个人博客!!!
1 | hexo d |
博客配置
hexo官方提供了许多主题供用户使用,在 HexoThemes 中选择喜欢的主题访问其github主页复制http链接,在博客文件夹下的打开git窗口使用clone命令将主题克隆到本地,更改_config.yml配置即可使用。



对主题模版内容进行自定义修改需要进入主题文件夹下,对其配置文件进行相应的个人信息填写

然后在博客文件夹下输入一下命令,会在source文件夹下生成对应的帖子的.md文件,可以使用 Typora 打开文件进行帖子的内容编写
1 | hexo new "你文章帖子的title" |
编写完帖子后,依次输入以下命令
1 | hexo clean #删除旧的博客帖子 |
然后打开username.github.io即可看到博客内容更新!!