add configuration: index banner background

ref #178

Author: mzlogin

_config.yml

@@ -108,6 +108,22 @@ navs:
 # ---------------- #
 subscribe_rss: /feed.xml
 
+# ---------------- #
+#      INDEX       #
+# ---------------- #
+index:
+    banner:
+        # 首页 banner 区文字颜色
+        color: "#fff"
+        # 首页导航栏文字颜色
+        nav-color: "rgba(255, 255, 255, .5)"
+        # 首页 banner 区背景颜色
+        background-color: "#4183c4"
+        # 首页 banner 区背景图片
+        # background-image: "/assets/images/octicons-bg.png"
+        # background-repeat: "no-repeat"
+        # background-size: "cover"
+
 # ---------------- #
 #      Jekyll      #
 # ---------------- #

assets/css/pages/index.css

@@ -1,10 +1,57 @@
 ---
 layout: default
 class: home
-css: ['pages/index.css']
 comments: false
 ---
 
+<style>
+.home .banner,
+.home .site-header,
+.home .banner .collection-head,
+.home .banner .collection-head a,
+.home .site-header h1 a,
+.home .site-header .site-header-nav-item:hover {
+    color: {{ site.index.banner.color | default: '#fff' }};
+}
+
+.home .site-header .site-header-nav-item {
+    color: {{ site.index.banner.nav-color | default: 'rgba(255, 255, 255, .5)' }};
+}
+
+.home .banner,
+.home .site-header {
+    background-color: {{ site.index.banner.background-color | default: '#4183c4'}};
+}
+
+{% if site.index.banner.background-image %}
+.home .banner {
+    background-image: url("{{ site.index.banner.background-image }}");
+    background-repeat: {{ site.index.banner.background-repeat | default: 'no-repeat' }};
+    background-size: {{ site.index.banner.background-size | default: 'cover' }};
+}
+{% endif %}
+
+.home .banner .collection-head {
+    background: 0 0;
+    box-shadow: none;
+    -webkit-box-shadow: none
+}
+
+.home .site-header {
+    border-bottom: none
+}
+
+@media (max-width:50em) {
+  .home .collapsed .icon-bar {
+    background-color: white;
+  }
+
+  .home .collection-head .collection-header {
+    font-size: 1.25em;
+  }
+}
+</style>
+
 {% assign assets_base_url = site.url %}
 {% if site.cdn.jsdelivr.enabled %}
 {% assign assets_base_url = "https://fastly.jsdelivr.net/gh/" | append: site.repository | append: '@master' %}