Split the css importing.

CRP optimization.

_includes/head.html

@@ -71,6 +71,10 @@
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/archives.css">
   {% endif %}
 
+  {% if page.title == 'About' and page.layout == 'page' %}
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/syntax.css">
+  {% endif %}
+
 
   <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"
     integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -99,6 +103,7 @@
 
   {% if page.layout == 'post' %}
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/post.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/syntax.css">
     {% if site.toc and page.toc %}
       <link rel="stylesheet" href="{{ site.baseurl }}/assets/lib/bootstrap-toc-1.0.1/bootstrap-toc.min.css" />
       <script src="{{ site.baseurl }}/assets/lib/bootstrap-toc-1.0.1/bootstrap-toc.min.js" async></script>

assets/css/main.scss

@@ -1,15 +1,12 @@
 ---
 ---
-
 /*!
 * The main styles.
 * © 2018-2019 Cotes Chung
 * MIT Licensed
 */
 
-@import "_typograph/syntax";
-@import "_typograph/fonts";
-
+@import "_fonts";
 
 html, body {
   height: 100%;

assets/css/post.scss

@@ -1,6 +1,5 @@
 ---
 ---
-
 /*!
   Individual styles for Post
   © 2019 Cotes Chung

assets/css/syntax.scss

@@ -1,3 +1,5 @@
+---
+---
 /*
 * The syntax highlight.
 * © 2018-2019 Cotes Chung