Hexo 安装

安装 Node.js

Hexo 是基于 Node.js 运行的,所以需要先安装 Node.js。

Node.js 可以在 Node.js 官网 下载。

安装 Hexo

安装 Hexo 非常简单,只需要在命令行中运行以下命令:

全局安装

1
npm install -g hexo-cli

局部安装(进阶,新手不推荐)

1
npm install hexo-cli

初始化博客

安装完成后,就可以初始化博客了。在放置博客的文件夹中打开命令行,运行以下命令:

1
2
3
hexo init <blog-name>
cd <blog-name>
npm install

其中,<blog-name> 是你博客的名称,可以根据自己的喜好来命名。

启动博客

初始化完成后,就可以启动博客了。在命令行中运行以下命令:

1
hexo server

启动完成后,就可以在浏览器中访问 http://localhost:4000 来查看博客了。

通常在日常博客开发中我会使用以下组合命令:

1
2
3
hexo clean
hexo generate
hexo server

其中,hexo clean 用于清除缓存,hexo generate 用于生成静态文件,hexo server 用于启动博客。

Git 存储博客代码

很多人会直接用 GitHub Page 来部署发布自己的博客,但是受限于防问速度,我会先将博客代码存储在 Git 仓库中,然后再用 Netlify 来部署发布。

安装 Git

Git 可以在 Git 官网 下载。

安装完成后,需要配置 Git。在命令行中运行以下命令:

1
2
git config --global user.name "<username>"
git config --global user.email "<email>"

其中,<username> 是你的 GitHub 用户名,<email> 是你的 GitHub 邮箱。

创建 GitHub 仓库

首先,需要在 GitHub 上创建一个仓库,仓库的名称为 <username>.github.io,其中 <username> 是你的 GitHub 用户名。

初始化 Git 仓库

在博客文件夹中打开命令行,运行以下命令初始化 Git 仓库:

1
git init

添加远程仓库

在博客文件夹中打开命令行,运行以下命令添加远程仓库:

1
git remote add origin <repository-url>

其中,<repository-url> 是你的 GitHub 仓库的 URL。

提交代码

在博客文件夹中打开命令行,运行以下命令提交代码:

1
2
git add .
git commit -m "Initial commit"

推送代码

在博客文件夹中打开命令行,运行以下命令推送代码:

1
git push -u origin master

推送完成后,就可以在 GitHub 上查看博客代码了。

部署博客到 Netlify

Netlify 是一个静态网站托管服务,它可以帮助我们快速部署静态网站。

首先,需要在 Netlify 上创建一个账号。

然后,需要在 Netlify 上创建一个新的站点。依次点击:

  • Projects
  • Add new project
  • Import an existing project
  • 选择 GitHub
  • 登录链接并选择前面上传的博客代码仓库
  • 在 Build command 中输入 npx hexo generate
  • 在 Publish directory 中输入 public
  • 点击 Deploy site 等待部署完毕即可访问了