hexo 快速搭建个人博客

目录

环境准备

本地搭建 

部署至GitHub

自定义主题

---

预览 

环境准备

• node.js
• Git

首先在开始之前，要确保电脑上已经安装有 node.js 和 Git。

OK！安装完之后，我们来查看一下是否都安装成功：

• 任意空白处 右键 打开Git Bash Here 进入Git命令界面
• node -v；npm -v  ：查看node.js 是否安装成功
• 这里我们再安装一个淘宝镜像，提高速度：

• npm install -g cnpm --registry=https://registry.npm.taobao.org

  测试cnpm 是否成功：

安装 hexo

cnpm install -g hexo-cli

验证是否安装成功：

//显示版本号 成功
hexo -v

本地搭建 

新建一个文件夹 这里我命名为 blog

切换路径到 blog中，例如我的在E盘中

查看当前路径：pwd

接着输入命令：

hexo init

输入这个命令，把我们这个文件夹作为hexo 的一个临时文件夹，相当于这就是我们以后的“博客文件夹”，不管是之后进行博客美化 还是发表博客都在这个文件夹中进行操作。并且，如果我们操作过程中折腾不回去了就直接删除文件夹中的内容，重新 hexo init 回档就ok了。

运行本地服务器

hexo s

我们在浏览器地址栏输入 localhost:4000 就可以看到我们的博客了。

一切成功之后，说明我们的本地搭建完成。

部署至GitHub

登录自己的GitHub账号，新建一个仓库 new repository 

注意，这里的仓库名一定要是自己的github名，比如我的 wudimin.github.io

创建完成之后，我们还回到 git bash中进行操作，安装插件

cnpm install –-save hexo-deployer-git

这个插件相当于 沟通我们本地数据与GitHub仓库的通道，现在有了通道、本地数据、和仓库，只剩下部署了。

找到文件夹根目录下的 _config.yml 配置文件，进去更改数据形成部署。

方式很多随意选择，可以在 git bash中使用vim直接编辑，vim _config.yml（:wq 保存并退出）；也可以使用编译器 notepad++等打开编辑。

打开后滑到最底部 找到deploy：

• type后添加 git ，
• 并添加 repo: 自己 刚创建的GitHub仓库地址
• branch: master
• 注意每个冒号后面都有一个空格

最后，在git bash中输入

hexo d

进行最终的部署工作，此操作中会让我们填写GitHub密码 作为进入仓库的凭证。 

出现 INFO Deploy done：git 表明部署完成。

刷新仓库，会看到我们成功将博客部署到GitHub上了。这是再来访问自己的仓库地址 https://wudimin.github.io/

就会成功打开我们的博客了。

自定义主题

 这里以 https://github.com/litten/hexo-theme-yilia 为例（一个挺不错的主题），

首先将主题克隆到 我们博客的 themes/yilia 文件夹中：

 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

还是打开我们的  _config.yml 文件，更改配置：找到theme：更改为yilia.

• hexo clean ：清理缓存文件
• hexo g：生成文件
• hexo s：运行本地服务器
• hexo d：上传到服务器

完成！