Hexo+github pages搭建我的独立网站，绑定域名全教程

写日志能够记录咱们的学习、有趣的经历等等，做为一个程序员，写博客更是显得尤其重要，这不只能够记录咱们的技术学习过程，还能让咱们在写做的过程当中梳理本身的知识，若是可以与网友交流，那更是有利于双方的技术成长。

1 为何要选择Hexo？

之前咱们常常在一些知名的博客平台上面写博客，如CSDN，博客园 ，51CTO等等。可是这些平台功能都大同小异，可是有些专业化了，大部分都是写技术博客，若是你想在上面分享个生活上有趣的事或者写写文学文章之类的，就显得有点不太合适了。简书其实也是个不错的平台，可是太偏向文学了。

所以我想搭建一个属于本身的独立网站，能够在上面集中发布和管理本身的日志和其余一些东西，另外一方面也能够在后期进行个性化定制。

我的搭建网站基本上有三个选择：

本身动手前端后端一步一步开发。
使用成熟的wordpress平台。
托管在其余平台，好比GitHub。
复制代码

若是你是一个大学在读的学生，我以为你有时间的话能够选择第一个，就是前端后台一块儿开发，在这个过程当中能够学习到不少东西。博主以前就使用 springboot+thymeleaf+bootstrap+mysql 开发过一个我的网站，这个过程仍是很是不错的，能够对整个涉及到的技术进行了解学习，增长企业级开发的经验。

可是一、2都须要花一笔钱去租用服务器，也是有点小贵的。所以能够考虑如今比较成熟的Hexo，它是一个快速、简单和强大的博客框架。你能够用Markdown编写文章，Hexo能够在几秒钟内生成具备漂亮主题的静态文件。而后托管在GitHub上面便可完成免费博客啦。

Hexo官网

2 准备工做（Windows 10系统）

2.1 安装nodejs

由于Hexo须要nodejs环境，所以须要先下载安装Nodejs。点击NodeJs官网，下载最新版本。

下载好一直next，选择一个文件夹位置在一直next便可完成，这个步骤很简单，就不放图了。

2.2 安装git

点击git官网，下载安装包。

点击next，选择文件夹位置，而后一直next到底就好了，选择默认配置就好，默认配置会将环境变量配置好的，不须要搞得花里胡哨的。安装好后鼠标右击应该有下图这两个选项了，出现就表明安装成功了。

3 使用Hexo

3.1 安装Hexo

上面环境搭建好以后，在桌面点击鼠标右键，点击 “Git Bash Here” ，输入如下两条命令。

$ npm install -g hexo-cli
复制代码

提示：输入的时候不要输入 $ 了，由于命令行原本就已经有了。下载须要几分钟，请耐心等待一下。

能够在复制以后在git窗选择 Shift+Insert 粘贴。有一些警告WARN是不影响使用的，放心。

3.2 初始化Hexo

安装好Hexo以后，新建一个文件夹，如 E:\HEXO ，而后在该文件夹内鼠标右击，选择 "Git Bash Here" ，输入如下命令。

$ hexo init
复制代码

稍等片刻便可完成，如图：

文件结构如图所示：

scaffolds是模版文件夹，当你新建文章时，Hexo 会根据 scaffold 来创建文件。

source文件夹是存放用户资源的地方。

themes是主题文件夹，Hexo 会根据主题来生成静态页面，待会咱们会更换成比较流行的nexT主题。

而后再输入命令行进行本地调试，便可看到初始效果啦~

$ hexo s --debug
复制代码

访问http://localhost:4000/便可看到效果：

4 更换主题为NexT

上面虽然本地能够调试成功了，可是默认的主题实在不是特别好看。你能够选择去官网选择本身喜欢的主题，官网主题连接https://hexo.io/themes/

本篇教程选择的是当前流行的NexT主题，这个主题是我感受用过的最好的一个了。

4.1 下载NexT主题

进入刚刚你建立的文件夹的themes里，好比个人 E:\HEXO\themes ，鼠标右击选择“Git Bash Here”输入如下两条命令中的一个：（这两个是同样的，只是有同窗反应第一条命令不行，第二条就能够。）

$ git clone git@github.com:iissnan/hexo-theme-next.git

$ git clone https://github.com/iissnan/hexo-theme-next
复制代码

此时 themes 文件夹便多了一个next主题的文件夹。

4.2 修改配置

打开 E:\HEXO （你的hexo根目录）下的 _config.yml 配置文件

找到下面这段代码

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape
复制代码

将langscape替换成hexo-theme-next

theme: hexo-theme-next
复制代码

从新在项目根目录下进行本地部署调试

$ hexo s --debug
复制代码

便可看到效果

5 部署到github

5.1 注册GitHub

若是你尚未GitHub帐户的话，去GitHub官网免费注册一个就行了。 点击sign up

尽可能取个好听的名字

5.2 新建仓库

新建的仓库名必需要是 yourusername.github.io ，好比个人就是huangjianxian.github.io ，不然等下不能绑定GitHub pages 访问。

5.3 配置SSH密钥

为了使本地能够跟远程的github创建联系，须要在本地配置SSH密钥，这样咱们就能够在本地直接提交代码到GitHub上。 若是你是第一次配置SSH，则配置一下git的username 和 email

$ git config --global user.name "你要设置的名字"
 $ git config --global user.email "你要设置的邮箱"
复制代码

以后生成SSH密钥：

$ ssh-keygen -t rsa -C "你刚刚设置的邮箱"
复制代码

若是不须要设置密码的话，连续三个回车就行了。在这以后会获得两个文件： id_rsa 和 id_rsa.pub 找到id_rsa.pub文件，用记事本打开，复制其内容。路径： C:\Users\J（你的用户名）\.ssh

5.4 在GitHub上添加SSH密钥

登陆GitHub，在Settings里面选择 SSH and GPG keys ，而后点击 New SSH Key

完成以后测试一下，在git bash输入：

$ ssh -T git@github.com
复制代码

若是看到了你的用户名，则表示配置成功了。

5.5 初始化GitHub pages

打开GitHub上面的仓库，点击settings

拉到下面，在GitHub Pages那里选择一个主题，肯定以后便可经过域名来访问啦~好比个人https://huangjianxian.github.io

5.6 将本地Hexo文件部署到GitHub上

登陆GitHub，打开以前新建好的仓库 username.github.io ，clone，选择SSH类型

打开本地站点配置文件，如E:\HEXO （你的hexo根目录）下的 _config.yml 配置文件。

这里整个项目有两个_config.yml，文件。

一个是位于你的hexo根目录下面的，叫作站点配置文件。

另外一个是位于你的主题文件夹目录下面的，叫作主题配置文件。

这里打开站点配置文件，找到deploy，好比个人是：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:huangjianxian/huangjianxian.github.io.git
  branch: master
复制代码

将repo替换成你的GitHub仓库的SSH连接便可。

在你的项目根目录下使用git bash，输入命令部署：

$ hexo d -g
复制代码

若是有同窗是出现这个报错：

ERROR Deployer not found:git
复制代码

则在git bash输入如下命令：

$ npm install hexo-deployer-git --save
复制代码

再从新hexo d -g部署一下应该就能够了，若是还不行，多是node.js版本过低之类的（以前就有人踩过这个坑）

稍等片刻以后，输入你的仓库主页地址访问看看~好比个人是 huangjianxian.github.io

6 绑定本身的域名

有朋友可能以为上面这种域名太难记了，并且很差看。这时候你能够经过本身购买一个域名，而后绑定到GitHub pages上。

去阿里云购买一个域名

查询，选好以后加入清单付款便可。

买好以后去域名控制台，选择解析

以下图所示，记录值改成你的 username.github.io ，而后肯定。

而后在项目文件夹下面的source下面，好比个人 E:\HEXO\source ，新建一个文件 CNAME（注意是文件，不是文件夹） 而后用记事本打开，填写你的域名。好比个人，hjxlog.com

再使用git bash部署一次

$ hexo d -g
复制代码

这时候应该就可使用本身的域名访问项目了（若是还不行多是DNS解析比较慢，稍等几分钟）。

7 总结

Hexo+github pages 是我认为我的搭博客比较好的平台了，不须要花费不少钱去维护服务器。只须要搭建好以后安心写博客就好了。

这仍是我第一次写这么长的博客，写完长舒了一口气，写了好几个钟头，比我想象中的要久。不过仍是坚持了下来，但愿之后也常常这样！努力！奋斗！写做不易，你们转载的话请注明出处，谢谢~ 若是你们在这个搭建过程当中有什么问题，欢迎评论~