Hexo + Github 从零搭建个人博客

本人于大二期间，萌生博客记录学习过程的想法。后面成功入坑 Hexo 个人博客的搭建，它承载了我的第一篇博客。

本文将详细的介绍如何运用 Hexo + Github 从零搭建一个属于自己的博客。

一、前言

• 之所以用 hexo 来搭建博客，是因为 hexo 现在比较成熟，如果在搭建过程中，遇到问题，百度、谷歌有很多的解决方案。

• 安装前须知（必须得有 Node.js 和 Git，安装 node.js 时顺便安装 npm 包管理器）

• Node 下载地址：https://nodejs.org/en/

• Git 下载地址：https://git-scm.com/

• 安装过程特别简单，根据电脑系统类型百度安装即可。

二、安装并配置 Hexo

• 此步骤开始前须知：

• 已经安装 Git Bash（Windows 环境）或者有终端（Mac 一般用自带的就可以），本文所有的命令都在 Git Bash 或者 终端 中执行。

• git、node、npm 都已安装成功，可查看对应版本。

# 查看git版本git --version# 查看node版本node -v# 查看npm版本npm -v

由于在国内使用 npm 的镜像源，下载安装速度很慢，我们可以安装 cnpm

 # 安装cnpm（全局）npm install -g cnpm --registry=https://registry.npm.taobao.com
# 查看cnpm版本cnpm -v

• 用 cnpm 全局安装 hexo

# 安装hexocnpm install -g hexo-cli    # 验证hexo是否安装成功hexo -v

• 生成自己的第一篇博客（初始化）

• 首先，选择\新建 一个文件夹，然后进入到该目录中。该目录将作为自己的博客根目录（如果在搭建过程中，出了什么错误，直接可以把这个目录干掉，重头再来）

• 初始化博客

hexo init

此时，我们就可以通过如下命令生成本地测试链接在浏览器中查看了

# 博客中默认为我们生成了一篇 Hello Worldhexo s

新建一篇博客文章

hexo n "我的第一篇博客"# 该命令会默认将文章新建在 source/_posts目录下，我们可用以下命令进入该目录cd source/_posts# 然后，我们打开刚新建的文章，编辑内容保存后，退回到博客根目录cd ../..

生成一下该博客

hexo g# 生成完毕后，你就可以启动一下，在浏览器查看hexo s

到这儿，我们的 hexo 的博客已经搭建完成

• 部署到 Github

• 由于很多小伙伴没有自己的云服务器，所以我们就先将自己的博客部署到 GitHub 上（国内不翻墙访问，网站的加载速度会很慢，但是它免费啊）

• 第一步：在 Github 上新建一个仓库，仓库的命名必须为 Github用户名.github.io,就比如 LiangSir-67.github.io
  

• 第二步：安装 Git 部署的插件，在本地博客根目录安装

cnpm install --save hexo-deployer-git

• 第三步：配置 hexo（博客根目录下的_config.yml）

# 在配置文件中找到deploy，进行配置deploy:  type: git  # repo 配置自己上面新建的GitHub仓库地址，举例如下。  repo: https://github.com/LiangSir-67/LiangSir-67.github.io.git  # branch 配置仓库的具体分支，此时我们只有一个master分支，可忽略不写。  branch: master

• 第四步：将博客部署到远端仓库

hexo d # 此过程会要求你输入你Github的用户名和密码，依次输入即可

• 第五步：刷新 GitHub 仓库，查看是否成功将博客推到了远端，并用你的 仓库名 访问博客，查看是否能够访问成功。

• hexo 官方文档：https://hexo.io/zh-cn/docs/

• 补充：每次重新部署到 Github 时，建议先 clean 一下

# 清理hexo clean# 生成hexo g# 部署hexo d

三、总结

• 对于 git、node.js 有基础的小伙伴来说，搭建起来可能也就是一会会儿的时间，但是对于没接触的小伙伴来说，可能要费比较大的功夫才能顺利搭建。

• 根据以上教程，简单的个人博客就搭建完成了，此教程是无坑式的，本人亲测有效。

• 后续，大家可根据自己喜好自行百度 hexo 博客主题，进行更换。

• 有问题，可以一起跟我交流哦！