使用Hexo+Github搭建部署个人博客

准备工作：本地需要安装Git，Node.js环境，GitHub账号

Node.js安装：Node.js安装详细教程_I’m Jie的博客-CSDN博客

入门操作

安装 Hexo

1. 打开命令运行命令安装 Hexo

   npm install -g hexo-cli
   

2. 执行 hexo -v 命令验证 Hexo 是否安装成功

   

3. 本地创建文件夹 MyBlog 用于存放 blog，并在该文件下打开 Git。

   

4. 执行 hexo init 命令初始化

   

5. 执行 hexo s 启动，打开浏览器访问【http://localhost:4000/】

   

   

登录 GitHub 创建仓库

1. 登录账号，创建新仓库，填写仓库名

   

2. 点击 create repository 仓库创建成功

   

3. 点击右上角头像，点击 setting 进入设置，再点击 SSH and GPG keys

   

4. 打开git命令窗口配置用户，输入命令 git config --global user.name "ShiJieCloud"，其中 ShiJieCloud 替换成自己的用户名；输入命令 git config --global user.email "ShiJieCloud@qq.com"，其中 ShiJieCloud@qq.com 替换成自己的邮箱。

   

5. 输入命令ssh-keygen -t rsa -C "ShiJieCloud@qq.com" 一直按回车Enter键即可。生成SSH公钥和私钥在 c盘/用户/Administrator/.ssh/ 路径中

   

6. 点击 Github 上的New SSH key，复制 id_rsa.pub 中的公钥到 Github key 输入框中，点击 Add SSH key

   

7. 

8. 进入新创建的仓库，依次点击 code→ssh 复制

   

部署 Hexo

1. 在本地创建的文件夹 MyBlog 下打开 git 命令行，执行命令安装 hexo-deployer-git

   npm install hexo-deployer-git --save
   

   

2. 打开 MyBlog 文件夹下的 _config.yml 文件，在最下方添加

   # Deployment
   ## Docs: https://hexo.io/docs/one-command-deployment
   deploy:
     type: git
     repo: Github上复制的SSH粘贴到这里
     branch: main
   

3. 在 git 命令行中执行以下命令清除、生成和部署静态文件

   hexo c
   hexo g
   hexo d
   

4. 在网页上刷新 Github

   

进阶操作

发布博客

本地需要安装软件Typora用于编辑文章

1. 在 MyBlog 文件夹下打开 git 命令行，执行以下命令在 MyBlog/source/_posts 路径下创建新文章

   hexo new post "新建博客文章名"
   

2. 使用Typora打开，编辑保存文章

3. 执行命令同步到 GitHub

   hexo cl && hexo g  && hexo d
   

4. 等待一会访问浏览器即可

主题美化

• Butterfly：http://haiyong.site/post/22e1d5da.html

插件安装

hexo-abbrlink

给每一篇文章生成一个属于自己的链接

1. 安装插件，在 MyBlog 文件夹下打开 git 命令行，运行以下指令：

   npm install hexo-abbrlink --save
   

2. 插件安装成功后，在 MyBlog 文件夹下的配置文件 _config.yml 找到 permalink：