Merge pull request Huxpro#1 from Huxpro/master

update form fork

Author: BruceZhao

README.md

@@ -5,6 +5,16 @@
 ![](http://huangxuan.me/img/blog-desktop.jpg)
 
 
+### "Page Build Warning" email
+
+These days, some of you must receive a "Page Build Warning" email from github after you commit happily. **Don't Worried!** It just that github changes its build environment.
+
+In this mail, github told us:
+
+> You are attempting to use the 'pygments' highlighter, which is currently unsupported on GitHub Pages. Your site will use 'rouge' for highlighting instead. To suppress this warning, change the 'highlighter' value to 'rouge' in your '_config.yml'.
+
+So, just edit `_config.yml`, find `highlighter: pygments`, change it to `highlighter: rouge` and the warning will be gone.
+
 
 ## Boilerplate (beta)
 
@@ -25,8 +35,8 @@ $ git clone [email protected]:Huxpro/huxblog-boilerplate.git
 
 ##### New Feature (V1.5.2)
 
-- Annoyed to delete my blog post after clone or pull? **Boilerplate** comes to help you get started quickly and easily merge update. 
-- `-apple-system` is added in font rule, which display beautiful new font **San Francisco** in iOS 9 by default. 
+- Annoyed to delete my blog post after clone or pull? **Boilerplate** comes to help you get started quickly and easily merge update.
+- `-apple-system` is added in font rule, which display beautiful new font **San Francisco** in iOS 9 by default.
 - Fixed [issue#15](https://github.com/Huxpro/huxpro.github.io/issues/15) about code wrap.
 
 ##### New Feature (V1.5.1)

_config.yml

@@ -21,14 +21,21 @@ facebook_username:  huxpro
 
 
 # Build settings
-highlighter: pygments
+# from 2016, 'pygments' is unsupported on GitHub Pages. Use 'rouge' for highlighting instead.
+highlighter: rouge
 permalink: pretty
 paginate: 10
 exclude: ["less","node_modules","Gruntfile.js","package.json","README.md"]
 anchorjs: true                          # if you want to customize anchor. check out line:181 of `post.html`
 
 
 
+# Gems
+# from PR#40, to support local preview for Jekyll 3.0
+gems: [jekyll-paginate]
+
+
+
 # Markdown settings
 # replace redcarpet to kramdown,
 # although redcarpet can auto highlight code, the lack of header-id make the catalog impossible, so I switch to kramdown

_layouts/post.html

@@ -9,10 +9,21 @@
 <!-- Post Header -->
 <style type="text/css">
     header.intro-header{
+        position: relative;
         background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')
     }
+
+    {% if page.header-mask %}
+    header.intro-header .header-mask{
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        background: rgba(0,0,0, {{ page.header-mask }});
+    }
+    {% endif %}
 </style>
 <header class="intro-header" >
+    <div class="header-mask"></div>
     <div class="container">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">

_posts/2015-10-28-how-designer-learn-fe.markdown

@@ -11,8 +11,7 @@ tags:
     - UX Design
 ---
 
-> 这篇文章转载自[我在知乎上的回答](https://www.zhihu.com/question/21921588/answer/69680480)
-> 这篇文章也被刊登于[优秀网页设计](http://www.uisdc.com/head-first-front-end)等多个网站上
+> 这篇文章转载自[我在知乎上的回答](https://www.zhihu.com/question/21921588/answer/69680480)，也被刊登于[优秀网页设计](http://www.uisdc.com/head-first-front-end)等多个网站上 ;)
 
 
 <div>

_posts/2016-02-01-React-vs-Angular2.markdown

@@ -12,7 +12,7 @@
 </select>
 
 <!-- Chinese Version -->
-<div class="zh">
+<div class="zh post-container">
 
     <!--copied from markdown -->
     <blockquote><p>写写代码，做做设计，看看产品。<br>
@@ -41,7 +41,7 @@ <h5>Resumes</h5>
 </div>
 
 <!-- English Version -->
-<div class="en">
+<div class="en post-container">
     <blockquote><p>Yet another Frontend Engineer. <br>
     Yet another Lifelong Designer.</p></blockquote>
 

about.html

@@ -1,3 +1,8 @@
+/*!
+ * Hux Blog v1.0.0 (http://huxpro.github.io)
+ * Copyright 2016 Hux <[email protected]>
+ */
+
 @media (min-width: 1200px) {
   .post-container,
   .sidebar-container {