Hexo+Github搭建个人博客和个人主页

Hexo+Github搭建个人博客和个人主页

在自己的个人主页搭建起来之前，看到网上其他人酷炫的个人主页，而且有自己专属的域名，羡慕的不行。现在自己的个人主页也做出来了，在这里做一个总结，给也想做个人主页或者个人博客的同学一个参考。其实真的没啥技术含量，两个字就能总结：模板，模板还是模板…

个人博客

网上关于hexo和github搭建个人博客教程有一大堆，在这里我就不重复描述了，主要就是安装Node.js、git和hexo，环境搭建好之后，在github上新建仓库，对github pages进行设置，将本地代码提交到github的仓库里面，然后就能在浏览器里访问到自己搭建的个人博客了。给出两个参考链接，我个人也是按照链接里面的步骤操作的。

参考链接
使用Hexo+Github一步步搭建属于自己的博客
2018.5月使用Github+Hexo搭建自己的博客

个人博客搭建好之后，可以选择自己喜欢的hexo主题，比较火的还是经典的next主题，我的博客是yilia主题，这里给出github地址，喜欢yilia样式的可以自己去clone，设置也比较简单，只需要在hexo根目录下的_config.yml文件内修改theme:yilia即可。

主题推荐
hexo博客主题推荐

个人主页

有同学会问，个人主页和个人博客有什么区别呢？个人博客用来写博文，注重内容。个人主页用来展示个人经历，好看就完事了。例如这个主题模板：html5 fullpage全屏滚动响应式个人简历模板

个人主页做起来比个人博客还要简单，在github上新建另外一个仓库，将本地的主题模板代码push到github的对应仓库即可。下面给出主题模板的网站，作为参考，当然也可以自己写html、css、js等内容，之后push到github的仓库里即可。

参考主题
模板之家

这篇文章我最想说的就是下面的内容，网上关于hexo+github搭建个人博客的介绍已经很多了，大部分都是通过访问YourUserName.github.io这个网址进入自己的个人博客，但是如果想要通过github免费做一个酷炫的个人主页，该怎么做呢？答案是通过配置hexo根目录下的_config.yml文件，下面是hexo官网的介绍：

网站存放在子目录
如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

也就是说，如果你想要在访问YourUserName.github.io时进入的是个人主页，而在访问YourUserName.github.io/blog时，访问的才是个人博客，那么需要在_config.yml文件内进行如下设置：

url: https://YouUserName.github.io/blog/
root: /blog

另外打开github上的blog仓库，点击右上角的setting，往下拉找到GitHub Pages，source选择master branch，然后点击save，这样就能访问YourUserName.github.io/blog。

个人网页简历

最后，如果你想通过YourUserName.github.io/resume访问到自己的网页版简历，也很简单。首先在github上新建一个名字为resume的仓库，点击右上角的setting，往下拉找到GitHub Pages，source选择master branch，然后点击save，这样就能访问YourUserName.github.io/resume了。接着把本地的html简历push到github的resume仓库即可。这里给出一个简历模板。

参考链接
利用Github Pages搭建个人在线简历

综上，如果踩过所有的坑之后，你就拥有三个可以访问的属于自己的网址了：
个人主页：YouUserName.github.io
个人博客：YouUserName.github.io/blog
个人网页简历：YouUserName.github.io/resume
当然，如果你觉得 YouUserName.github.io 这样的网址不够酷炫，也可以在网上购买其他域名，例如：www.zhangsan.com，zhangsan.me，zhangsan.net 等等…然后CNAME到个人网站项目即可。

写在最后，在准备做这些网页之前，我也准备买个域名来着。经过这四五天搭建完成之后，又不想买了，因为这些东西看着确实酷炫，但是真正通过做这几个网站学到的东西几乎可以说没有，我用的全部是模板。当然你也可以不用这些模版，如果时间充裕的话，你可以自己写页面。另外，准备找工作的前端er，有一个专属自己的个人主页或个人博客，是一个不错的加分项。我嘛，emmmmm…是找到工作之后，自己比较感兴趣，花了这几天时间做出来的。最终的感悟是，作为一个开发人员，还是要注重内容，其实完全可以不用搭建这些网站，想写博客的话，用CSDN就行。