Hexo+GitHub 搭建个人博客实现教程
夏日画 LV1

软件下载

Hexo 基于 Node.js,搭建过程中还需要使用 npm 和 git,因此先搭建本地操作环境,安装 Node.js 和 Git。

下载 Node.js 和 Git 程序并安装

连接Github

通过Git Bash Here,设置用户名和邮箱:

1
2
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"

创建 SSH 密匙

1
ssh-keygen -t rsa -C "GitHub 邮箱"

添加密匙
进入 [C:\Users\用户名.ssh] 目录(要勾选显示“隐藏的项目”),用记事本打开公钥 id_rsa.pub 文件并复制里面的内容。

登陆 GitHub ,进入 Settings 页面, SSH and GPG keys中新建 SSH key 并保存。

接着创建一个Github Pages 仓库

本地安装 Hexo 博客程序

先新建一个放 Hexo 的程序文件夹,在该文件夹下右键 -> Git Bash Here。

使用 npm 一键安装 Hexo 博客程序:

1
npm install -g hexo-cli

初始化Hexo并安装所需组件:

1
2
hexo init      # 初始化
npm install # 安装组件

完成即可启动本地服务器进行预览:

1
2
hexo g   # 生成页面
hexo s # 启动预览

部署 Hexo 到 GitHub Pages

本地博客测试成功后,接下来上传到 GitHub 进行部署,使其能够在网络上访问。

安装 hexo-deployer-git:

1
npm install hexo-deployer-git --save

然后修改 _config.yml 文件末尾的 Deployment 部分,修改成如下:

1
2
3
4
deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git
branch: main

完成后运行 hexo d 将网站上传部署到 GitHub Pages。

完成!这时访问我们的 GitHub 域名 https://用户名.github.io 就可以看到 Hexo 网站了。

由 Hexo 驱动 & 主题 Keep
本站由 提供部署服务