---
layout:     post
title:      "Hello 2015"
subtitle:   " \"Hello World, Hello Blog\""
date:       2015-01-29 12:00:00
author:     "Hux"
header-img: "img/post-bg-2015.jpg"
tags:
    - 生活
---

> **“Yeah It's on. ”**


Hux 的 Blog 就这么开通了。

[跳过废话，直接看技术实现 ](#build) 



2015 年，Hux 总算有个地方可以好好写点东西了。


作为一个 ITer，其实早就有写 Blog 的想法了。**但是既然作为一个 ITer，而且还算个程序员……** Blog 这种轮子要是挂在大众博客程序上就太没意思了。一是觉得大部分 Blog 服务都太丑，二是觉得不能随便定制不好玩（可是又懒）……结果就一直连个写 Blog 的地儿都没有。

后来喜欢在知乎上扯扯，也是因为能稍微写点东西。可是没够开专栏，所以还是常常被问题限制住。

转眼进入 2015 ，觉得还是有很多话想要说，很多经历和感悟可以写，也想丰富下自己的个站（之前的[个人网站](http://huangxuan.me/portfolio)是作品集形式的，现在集成进来了。），**想来想去还是弄个 Blog 最适合……**罢罢罢，花一天搞一个吧！  
（搭起来是只用了一天，后来经常 update 样式功能就不提了）



<p id = "build"></p>
---
那么接下来就说说 Building Blog 的技术细节。

正好之前就有关注过 [GitHub Pages](https://pages.github.com/) + [Jekyll](http://jekyllrb.com/) 快速建 Blog 的技术方案，觉得非常适合。

优点非常明显：

* 利用 GitHub Pages 的域名和免费无限空间，不用自己折腾主机
	* 如果需要自定义域名，也只需要简单改改 DNS 加个 CNAME 就好了 
* 非常熟悉的 Git Flow ，**Git Commit 即 Blog Post**
	* 前端最爱啊，自从换 Mac 后，Terminal(Z-Shell) + Git 玩起来太爽了
* **Markdown** 写作环境
	* 这就是 Jekyll 的魔法了，习惯了 Markdown 排版后也是离不开
* Jekyll 的自定制还是相当容易的，基本就是个模版引擎


之前觉得最大的缺点就是 GitHub 在国内访问起来太慢，所以第二天一起床就想着迁移到 GitCafe (Chinese GitHub Copy) 上，结果还是巨慢。

**我可是个前端好吗！** 果断开 Chrome DevTool 查了下网络请求，原来是 **pending 在了 Google Fonts** 上，页面渲染一直被阻塞到请求超时为止，难怪这么慢。
于是只好忍痛把 Web Fonts 去了（反正超时后看到的也是 Fallback ），果然一下就快了起来，而且 GitHub 和 GitCafe 对比并没有感受到明显的速度差异。

[这是 gitcafe.io 上的镜像地址](http://huxpro.gitcafe.io)

---

配置的过程中也没遇到什么坑，基本就是 Git 的流程，相当顺手

大的 Jekyll 框架上直接 clone 了一个 Theme（但是这个 Theme 没有 tag 标签支持，后来自己写了个）

本地调试环境需要 `gem install jekyll`，结果 rubygem 的源居然被墙了……后来手动改成了我大淘宝的镜像源才成功

Theme 的 CSS 是基于 Bootstrap 定制的，看得不爽的地方直接在 Less 里改就好了（平时更习惯 Scss ），**不过其实我一直觉得 Bootstrap 在移动端的体验做得相当一般，比我在阿里参与的团队内部 CSS 框架差多了……**所以就经常要为了体验补 CSS

最后就进入了耗时反而最长的**做图、写字**阶段了。也算是进入了**写博客**的正轨，因为是类似 Hack Day 的方式去搭这个站的，所以折腾折腾着大半夜就过去了。

第二天考虑中文字体的渲染，fork 了 [Type is Beautiful](http://www.typeisbeautiful.com/) 的 `font` CSS，调整了字号，适配了 Win 的渣渲染，中英文混排效果好多了。


大约就是这样，结尾就不要 Hello 2015 了，来试试 Markdown 的魔法：

### *"Goodbye 2014"*  




 


