Hexo+Github搭建个人博客

Hexo

• Hexo 是一个快速,简洁且高效的博客框架。Hexo 使用 markdown (或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页，并托管在 github 上

Github

• 是一个代码托管网站，提供个人页面的支持

一.下载相关软件

• Hexo 基于 js，需要 js 运行环境，此处安装Nodejs，一路默认安装即可
• 由于需要托管到 github，需要下载安装git，一路默认安装即可

二.配置 git

1. 打开 git bash

2. 修改用户名以及个人邮箱

   git config --global user.name "chafi" #名称
git config --global user.email "1538153895@qq.com" #邮箱

3. 生成 ssh 密匙

# 进入本地.ssh目录
# 打开bash
ssh-keygen -t rsa # rsa是加密方法

（可以在当前目录操作即可）

4. 复制.ssh 文件下的 id_rsa.pub 内容
5. 打开 github，在 setting 中添加 ssh 密钥
6. 打开 git bash，输入ssh -T git@github.com，第一次输入可能需要确认连接，输入 yes 即可，若出现以下文字，则 ssh 配置成功

三.添加 Github 存储库

• 打开 github 页面
• 新建库
• 接着在库名中写你的名字.github.io（不可修改），创建库

四.下载 Hexo，并初始化

1. 打开 cmd

• (按需修改 npm 的安装位置和缓存位置)
  npm config set prefix "node_global路径"
npm config set cache "node_cach路径"
  设置完之后，记得把 node_global 路径加入 path 环境变量
  若提示不存在 npm，则需要把 npm 路径加入环境变量

2. 安装 Hexo
   npm install -g hexo-cli
3. 新建一个用于储存博客的文件夹，比如 D:\Blog
4. 接着进入文件夹，输入hexo init
5. hexo s/server来开启本地服务，来验证 hexo 是否正常运行

五.关联 Github 和 Hexo

这一步，我们就可以将 hexo 和 GitHub 关联起来，也就是将 hexo 生成的文章部署到 GitHub 上，打开站点配置文件_config.yml，翻到最后，修改为

deploy:
  type: git
  repo: git@github.com:YourgithubName/YourgithubName.github.io.git
  branch: main

YourgithubName 就是你的 GitHub 账户

这个时候需要先安装 deploy-git ，也就是部署的命令,这样你才能用命令部署到 GitHub。

npm install hexo-deployer-git --save

然后

hexo clean

hexo generate

hexo deploy

hexo start

其中

hexo clean 清除了你之前生成的东西，也可以不加。

hexo generate 顾名思义，生成静态文章，可以用 hexo g 缩写

hexo deploy 部署文章，可以用 hexo d 缩写

hexo start 预览页面，可以用 hexo s 缩写

接下来你便可以在https://你的名字.github.io访问你的页面了！