零基础搭建自己炫酷的个人博客，我和Hexo的一天 | OkyCode 

好了，以上了解后，我门就动起手来搭建自己的个人博客吧。

创建 GitHub Pages

首先你要拥有一个 GitHub帐号

在不购买服务器的前提下，我们的博客需要挂在GitHub Pages上。
进入 GitHub Pages，按步骤操作，这里要用到 git 命令，具体安装见这里 ，完成后就能在浏览器中打开http://yourGitName.github.io了。
至此，我门就拥有了一个初步的域名：http://yourGitName.github.io 和一个免费的网络空间了。

安装 Hexo 博客框架

具体安装请参考 官方文档。

建站

安装 Hexo 很简单吧，按照官方文档一步步操作下来，Hexo 安装好后，我门就开始创建我门的博客了。

首先，把我门创建好的GitHub Pages仓库拉到本地，便于我门以后对博客的编辑和代码管理。在本地建立文件夹 myBlog 这是我的，然后进入 myBlog中，在 终端 执行命令

1

$ clone https://github.com/yourGitName/yourGitName.github.io

好了，此时会在 myblog 文件夹下生成文件夹 yourGitName.github.io,这就是我们博客的代码，以后操作都在git的管理下了。

到这里，我门的万里长征就走一半了，接下来我门初始化我门 Hexo 博客框架，进入到文件夹 myBlog 下

1
2
3

$ hexo init <folder>
$ cd <folder>
$ npm install

这里的 <folder> 指的是 ｀yourGitName.github.io｀。

新建完成后，指定文件夹的目录如下：

1
2
3
4
5
6
7
8

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

了解 Hexo目录结构，完成一些简单的网站 配置 信息，您可以在此配置大部分的参数。

启动服务器。默认情况下，访问网址为： http://localhost:4000/。

1

$ hexo server

配置 NexT 主题

Hexo 主题有很多，具体可见这里，挑选一款自己喜欢的主题吧。本文以 NexT主题为例，具体效果见 我的博客。

具体安装请参照官方文档。

替换自己的域名

前往 万网购买，这里要吐槽一下遇到的问题，起个名字好难啊，有没有让我门想到在玩游戏时，好不容易想到一个高逼格的名字，信心满满地去输入时，发现有人注册了

购买完成后，我门要在万网建立一个CNAME纪录来帮我们做一个域名跳转 okycode.com > yourGitName.github.io指向，进入域名后台控制，找到域名解析，添加解析设置，添加后如下：

设置好后你兴冲冲的打开浏览器，然后输入你的域名，然而回馈你的却是个404页面，因为 Github pages是有限制的，它不允许任意域名都跳转过来，我们需要添加一个 CNAME 文件到 yourGitName.github.io｀根目录，在 CNAME中添加我门的域名 okycode.com 然后执行

1

$ hexo deploy

好了，至此我门就拥有一个自己域名的博客了。

如果觉得我的文章对您有用，请扫面关注下方微信公众号，以了解文章最新动态！