使用hexo搭建个人博客并推送git

本文最后更新于：2023年12月15日晚上

开始

今天教大家搭建一个hexo框架的博客，我现在用的就是这个框架的博客，使用起码挺方便的

本教程分为七步

安装nodejs

安装git
安装&配置hexo
运行博客
配置主题
推送GitHub
绑定域名

安装node_js

第一步打开官网

这里有两个版本分别是lts版和current版随便选择一个即可我这里下的是lts版

如果你下载速度慢可以选择国内源 这里下面是传送门

国内源lts

国内源current

按着步骤安装就行了

等待进度条跑完，关闭即可

安装Git

点击我即可下载如果速度慢请开vpn

32位系统点击我下载

下载好后直接点next直到走完读条此处无图略过

安装&配置hexo

在你的桌面或者任意一处地方，创建一个博客文件夹，用来存放博客的代码

我这里以桌面进行

在该文件夹下按住鼠标右键+shift键打开open git bash here

然后弹出一个窗口

node -v

输入以上命令检查nodejs是否安装好

不出意外会显示一个版本号如果报错了请检查环境变量

接下来输入这三个命令

1
2
3

npm install -g hexo-cli
hexo init
npm install --save hexo-deployer-git

此处如果卡住开科学上网

然后文件夹会多出很多文件

打开_config.yml文件按如下说明更改博客配置

# Site
title: Hexo # 博客标题
subtitle: '' # 小标题
description: '' # 描述
keywords: #关键字
author: John Doe # 作者名字
language: en # 语言 改成zh-cn
timezone: '' # 时区 默认不填

其他的暂时不用改先保存

运行博客

输入

1	`hexo s -p 4000`

出现如下所示说明启动成功了

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

如果想取消按住你键盘上的Ctrl+C键

打开你的浏览器输入localhost:4000 访问一下

这样我们的博客就能在内网访问了

配置主题

没错 hexo有个主题商店里面有好多不错的博客主题

传送门

由于每种主题配置方法不一样我这里就以claudia主题为例子

点击蓝色字体跳转到他的GitHub仓库

然后查看下面的文档我这里的文档说要命令安装依赖我们照着做就行了

安装完依赖后开始下载代码放入博客themes文件夹

cd themes
mkdir Claudia
cd Claudia
git clone https://github.com/Haojen/hexo-theme-Claudia

或者你把源码打包下载创建一个Claudia的文件夹把源码放进去

他下面是教你配置主题的信息我这里就跳过了以文档的为准

返回博客跟目录打开_config.yml

移动到最下面把

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape

改成

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: Claudia ## 这里改成你的主题名字

再运行一下博客

1	`hexo s -p 4000`

我这边已经进去了

如果你要一边改信息一边改效果 改完之后直接刷新即可无需重复启动博客

推送Github

这里确保你已经注册了GitHub账号

这边先去新创建一个仓库名字叫你的GitHub名字.github.io

博主这边已经创建了

返回你的博客根目录打开_config.yml

移到最下面把

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: ''

改成

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: git@github.com:你的GitHub名字/你的GitHub名字.github.io.git
  branch: main

返回你的git bash配置用户名和邮箱