Use Hexo + Github Build Your Blog 教程(一)搭建基本环境与基本操作

环境配置

首先笔者使用的操作系统环境为windows11,以下默认的安装环境为windows11

安装Git

首先下载Git,https://git-scm.com/download/win
下载完成后直接安装即可。然后在git中进行基本配置,首先绑定自己的Github账号,鼠标右键点击Git Bash Here打开Git的终端,输入以下命令:

1
2
git config --global user.name "your name"
git config --global user.email "your email"

将相应位置替换为你自己的Github账号信息。配置完成之后可以使用

1
git config --list

查看一下配置是否正确。

安装Node.js

然后,下载Nodejs,https://nodejs.org/en
下载完成后直接安装即可。安装完成之后,查看安装是否正确,同样用Git Bash Here打开终端,然后在终端中输入

1
2
3
git version
node -v
npm -v

如果出现了相应的版本号,则说明安装成功。

安装Hexo

安装Hexo,在终端中输入

1
npm install hexo-cli -g

等待安装完成后,查看版本号

1
hexo -v

如果出现了相应的版本号,则说明安装成功。

初始化Blog文件

  • 使用Hexo初始化一个博客文件夹
1
2
3
hexo init YourBlogFileName
cd YourBlogFileName
npm install

等待安装完成,我们可以直接进行渲染,看安装是否正确

  • 开启Hexo服务
1
hexo server #或者缩写成 hexo s

如果过程无误,可以打开本地的端口http://localhost:4000/查看网页的效果,那么显示的结果应该如下所示

基本操作

  • 使用Hexo初始化blog
1
2
3
hexo init YourBlogFileName
cd YourBlogFileName
npm install
  • 新建一个page
1
hexo new page "YourPageName"
  • 新建一个post
1
hexo new post "YourPostName"
  • 生成静态文件(可以理解为编译)
1
hexo generate # 缩写为 hexo g
  • 渲染(开启服务)
1
hexo server # 缩写为 hexo s
  • 清除构建
1
hexo clean # 缩写为 hexo c
  • 推送到远端
1
hexo deploy # 缩写为 hexo d

Reference

https://www.bilibili.com/video/BV1Eg41157tL/?spm_id_from=333.337.search-card.all.click&vd_source=d02fb26eb2345ac42c054db0bb8d8864