我的新博客地址：http://ericwu.cn

前言

我的博客从以前的博客园汕大小吴-博客园迁移到现在的 Github Page 汕大小吴啦 ！！！

现在的博客是基于hexo搭建的，使用的是hexo-theme-fluid主题，部署在GitHub Page上，使用的是自定义的域名，评论系统采用了gitalk，然后图片使用了hexo-asset-image插件管理。

欢迎大家收藏我的新博客网址。

为啥从博客园切换到 Github Page？

1. 博客园社区活跃度不复从前。

   如果你浏览过博客园首页的话，你会发现博客园首页真的太烂了，使用体验很差，见下图。这就导致了博客园的社区活跃度不够。作为一名写作者，写作的内容就会比较少人看到。所以我打算使用 Github Page 作为我的博客中心站点，然后可以根据我的需要将博客同步到我想要发布的平台，比如掘金、segmentfault、博客园等。
   

2. 无法使用自己的域名

   如果想要在网络上建立起自己的个人品牌和影响力的话，还是很有必要使用自己的域名的。另外通过 Github Page+自定义域名，我们可以让自己 github 上的项目都部署起来。比如我的博客是 ericwu.cn，我的前端面试盒子是 fe.ericwu.cn

3. 定制化不够自由
   博客园提供的定制化基本上都是 CSS 相关的，如果想要深层次定制是不支持的，而我们有时候想要一些深层次的定制。

我是如何搭建现在的博客

说实话，搭建现在的博客我也是走了一些弯路，参考了许多博客文章，看了许多博客主题。我会将一些值得注意的点或者坑写出来。

1.博客技术选型

我主要参考了杨琼璞的文章：如何选定搭建个人独立博客工具
我也看了很多博客，总结下我的看法就是。

• Vuepress 简洁至上，适合写技术文档，打算用在我的前端面试盒子上。
• Jekyll 功能丰富，相对vuepress和hexo算老，并且基于 Ruby 的。
• Hexo 功能丰富，也比较成熟，有很多插件，基于 Node。

综上所述，我选择使用hexo来搭建博客，并且我看了很多博客主题，比较喜欢的是hexo-theme-fluid主题，其文档也比较详细。

2.搭建过程

我的博客搭建主要参考了这篇文章：快用 Hexo+GitHub 搭建属于自己的博客吧～ ，并且我使用了 gitalk 作为评论系统。这里说下值得注意的点有：

1. 博客的 github 仓库名。仓库名必须为 yourname.github.io，部署的时候，使用 Github Page 就会部署到 yourname.github.io 下。如果你使用了比如 example 作为仓库名，那么就会部署到 yourname.github.io/example/下。

2. 如何给博客仓库增加README.md：在_config.yml中修改 skip_render 为skip_render: README.md，然后在 source 目录下增加你的仓库介绍文件 README.md

3. 自定义域名。记得在你 source 目录下增加 CNAME 文件，填写你的自定义域名。部署的时候 Github 会自动帮你设置将 yourname.github.io 切换为你的自定义域名，如图（当然你也可以手动设置）。
   

4. gitalk 评论系统。如果你使用了 fluid 主题的话，需要修改下代码，如下图，因为他们的 MD5 的那个 js 文件出问题了，当然最新版已经修复这个问题了。配置 gitalk 时，repo 名为仓库名而不是仓库地址。以及注册应用时 gitalk 的回调地址，需要使用你的博客部署域名（也就是使用了自定义域名的话就要填自定义域名。
   
   
   

5. 关于hexo-asset-image插件。现在的 CDN 需要备案域名，使用 CDN 的话有风险，如果 CDN 挂了，博客中的图片就没了，并且每次写作时还要上传图片到 CDN 比较麻烦。所以这里推荐使用hexo-asset-image插件，会给每篇博客创立一个目录用于收录图片资源。但是这里有个坑，npm 上的 hexo-asset-image 包是错误的，具体可以看这个issue#47。虽然官方代码已经修复了，但是 npm 包还是错误，因此建议安装他人发布的修复包，或者使用正确版代码直接覆盖掉 node_modules/hexo-asset-image/index.js 中的代码。

总结

工欲善其事必先利其器。
一个简单、简洁的个人博客，既有利于提高自己的创作兴趣，也有利于个人品牌的建设。
希望每个人都能搭建一个拥有自己个人特色的博客。