如何使用 GitHub + Hexo 搭建个人博客

 混迹于江湖这么久了,用尽了各种方式来搭建一个属于自己的 blog !最后都无疾而终,很大部分是自己懒,也有因为没有好的平台能够持久免费,所以 ... 祭天吧 ~~~

1. 不得不知道 GitHub Pages

  正如 GitHub Pages 首页的 Banner 所描述,“ Websites for you and your projects. ”,简单明了。但是,今天我要说的并不是直接使用它,而是利用 GitHub Pages 所提供的功能,配合 Nodejs 来完成个人博客的搭建。

2. 环境需求

  文章标题已经提到了需要使用 GitHub 和 Hexo ,面文章的前面也简单提到了 Nodejs ,所以环境需要:

如果还没有,那就开始安装吧!这里不再细述~

3. 环境搭建

  • 3.1 Hexo 安装

可直接使用 Node 来进行安装:

1
2
3
4
5
// 创建需要配置的 blog 目录并进入
cd d:\work

// 安装 Hexo
npm install hexo-cli g
经过漫长的等待恭喜你在你的目录下已经存在 hexo 命令了。在开始配置前,需要了解 hexo 的几个常用命令:

命令 描述
hexo init 初始化博客目录
hexo n(new) 创建新文章
hexo g(generate) 生成静态文件,会在当前目录下生成一个新的叫做 public 的文件夹
hexo s(server) 启用本地服务,用于浏览博客
hexo d(deploy) 自动部署到远程服务器,本文中为 GitHub

通过简单的了解命令,我们可以开始配置属于自己的博客了:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// 初始化目录
hexo init blogs

// 创建新文章
// 当然你也可以先忽略这一步,直接进入下一步先看看效果
hexo n "我的第一篇 Hexo blog"

// 启用本地服务,查看效果
hexo g
hexo s
// 或者直接
hexo s -g

// 出现如下提示
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
// 提示很明显,直接拷贝链接到浏览器就可展示效果了


如何使用 GitHub + Hexo 搭建个人博客
https://blog.isnap.cn/posts/240415ac/
作者
三岁于辛
发布于
2016年10月19日
许可协议