从零开始：如何使用GitHub与Hexo搭建个人博客

从零开始：如何使用GitHub与Hexo搭建个人博客

引用

CSDN

1.

https://blog.csdn.net/weixin_51363613/article/details/140578937

Hexo是一个快速、简洁且高效的博客框架，可以帮助你专注于写作。而GitHub Pages则提供了免费的静态网站托管服务，让你可以轻松地将博客部署到互联网上。本文将详细介绍如何使用GitHub和Hexo搭建一个属于自己的个人博客。

搭建效果：Dangrow的技术博客

一、首先创建一个GitHub仓库

如图，资源的名称可以是你的用户名+github+io（ps：因为我已经搭建过了，所以下图会出现仓库已存在的警告）

二、本地安装git

这里建议本地与GitHub采用SSH连接，防止经常连接不到的错误
git官网连接

三、本地安装node.js

node.js官网
这里要注意在安装之后需要配置系统的全局变量，如果系统的全局没配置好，那么hexo的安装会出现问题。 我就是安装在了D盘，一开始没有配置全局变量所以hexo安装不了。这里可以安装之后查看一下其安装位置

npm config get prefix

然后再将查看到的路径添加到全局路径中。

四、本地安装Hexo

1. 安装hexo：

npm install -g hexo-cli

2. 安装后可以使用

hexo -v

查看，如图即是安装成功。

五、搭建博客

1. 准备一个文件夹

mkdir MyBlog

2. 初始化文件夹

hexo init blog

，这里可能遇到两个问题。

1. 权限不足：
   权限不足的问题，使用管理员身份打开cmd。
2. 连接不到GitHub：采用SSH连接方式进行连接
3. 进入文件夹

cd blog

4. 克隆主题仓库

git clone -b master git@github.com:jerryc127/hexo-theme-butterfly.git themes/butterfly

5. 修改blog目录下的config.yml（注意不是主题目录下的config.yml），把 theme 的值改为 butterfly
6. 生成静态文件

hexo g

每次修改后都要重新生成
7. 启动本地服务器验证一下

hexo server

8. 下次重新有修改的时候清理缓存

hexo clean

六、部署到GitHub

1. 修改blog目录下的config.yml（注意不是主题下的config.yml）
   a. type 类型配置为 git
   b. repo 那里配置为自己的Github仓库地址
   按照yml文件格式要求，:后面必须留有一个空格
2. 安装一键部署插件：

npm install hexo-deployer-git --save

3. 一键部署到
   GitHub：

hexo deploy

，缩写

hexo d

七、创建新文章

1. 你可以使用 Hexo 提供的命令来创建新文章。首先，打开命令行并导航到你的 Hexo 项目目录（D:\MyBlog\blog）。

hexo new post "我的第一篇文章"

。这个命令将在 source/_posts 目录下创建一个新的 Markdown 文件，文件名为 你的文章标题.md。
2. 如果文章没有问题，生成静态文件并部署到GitHub

hexo clean
hexo generate
hexo deploy