chore(build): drop webpack and use Hugo Pipes (#130)

31 files changed, 0 insertions, 2707 deletions

diff --git a/src/css/_base.scss b/src/css/_base.scss
deleted file mode 100644
index 0e1c342..0000000
--- a/src/css/_base.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-@import '_common/normalize';
-
-html {
-  font-size: $global-font-size;
-  box-sizing: border-box;
-}
-
-body {
-  padding: 0;
-  margin: 0;
-  font-family: $global-font-family;
-  font-weight: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  line-height: $global-lineheight;
-  color: $global-font-color;
-  background: $global-background;
-  scroll-behavior: smooth;
-  border-top: 3px solid $theme-color;
-}
-
-@include max-screen() {
-  body {
-    border-top: 0;
-  }
-}
-
-::selection {
-  background: $theme-color;
-  color: #fff; 
-}
-
-// ::-webkit-scrollbar {
-//   width: 8px;
-//   height: 6px; 
-// }
-
-// ::-webkit-scrollbar-thumb {
-//   background: lighten($theme-color, 10%);
-//   border-radius: 5px;
-// }
-
-// ::-webkit-scrollbar-track {
-//   background: rgba(211, 211, 211, 0.4);
-//   border-radius: 5px;
-// }
-
-img {
-  max-width: 100%;
-  height: auto;
-  display: inline-block;
-  vertical-align: middle;
-}
-
-a {
-  color: $global-font-color;
-  text-decoration: none;
-}
-
-@each $header, $size in $global-headings {
-  #{$header} {
-    font-size: $size;
-    font-family: $global-serif-font-family;
-  }
-}
-
-.container {
-  margin: 0 auto;
-  width: $global-body-width;
-}
-
-@include max-screen() {
-  .container {
-    width: 100%;
-    box-shadow: -1px -5px 5px $gray;
-  }
-}
-
-.content-wrapper {
-  padding: $global-container-padding;
-}
-
-// make video fluid:
-// https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
-// class video-container is the wrapper used by hexo youtube tag plugin
-.video-container {
-	position: relative;
-	padding-bottom: 56.25%; /* 16:9 */
-	padding-top: 25px;
-	height: 0;
-}
-.video-container iframe {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-}
\ No newline at end of file
diff --git a/src/css/_common/_animation.scss b/src/css/_common/_animation.scss
deleted file mode 100644
index d596b16..0000000
--- a/src/css/_common/_animation.scss
+++ /dev/null
@@ -1,156 +0,0 @@
-@mixin underline-from-center() {
-  display: inline-block;
-  vertical-align: middle;
-  transform: translateZ(0);
-  backface-visibility: hidden;
-  box-shadow: 0 0 1px transparent;
-  position: relative;
-  overflow: hidden;
-
-  &:before {
-    content: '';
-    position: absolute;
-    z-index: -1;
-    height: 2px;
-    bottom: 0;
-    left: 51%;
-    right: 51%;
-    background: $theme-color;
-    transition-duration: 0.2s;
-    transition-property: right, left;
-    transition-timing-function: ease-out;
-  }
-
-  &.active,
-  &:active,
-  &:focus,
-  &:hover {
-    &:before {
-      right: 0;
-      left: 0;
-    }
-  }
-}
-
-@mixin mobile-menu-icon() {
-  @keyframes clickfirst {
-    0% {
-      transform: translateY(6px) rotate(0deg);
-      
-    }
-
-    100% {
-      transform: translateY(0) rotate(45deg);
-    }
-  }	
-
-  @keyframes clickmid {
-    0% {
-      opacity: 1;
-    }
-
-    100% {
-      opacity: 0;
-    }
-  }
-
-  @keyframes clicklast {
-    0% {
-      transform: translateY(-6px) rotate(0deg);
-    }
-
-    100% {
-      transform: translateY(0) rotate(-45deg);
-    }
-  }
-  
-  @keyframes outfirst {
-    0% {
-      transform: translateY(0) rotate(-45deg);
-    }
-
-    100% {
-      transform: translateY(-6px) rotate(0deg);
-    }
-  }	
-
-  @keyframes outmid {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-
-  @keyframes outlast {
-    0% {
-      transform: translateY(0) rotate(45deg);
-    }
-
-    100% {
-      transform: translateY(6px) rotate(0deg);
-    }
-  }
-
-  span {
-    position: absolute;
-    /* fallback for browsers which still doesn't support for `calc()` */
-    left: 15px;
-    top: 25px;
-    left: calc((100% - 20px) / 2);
-    top: calc((100% - 1px) / 2);
-    width: 20px;
-    height: 1px;
-    background-color: $theme-color;
-  
-    &:nth-child(1) {
-      transform: translateY(6px) rotate(0deg);
-    }
-
-    &:nth-child(3) {
-      transform: translateY(-6px) rotate(0deg);
-    }
-  }
-
-  &.icon-click {
-    span:nth-child(1) {
-      animation-duration: 0.5s;
-      animation-fill-mode: both;
-      animation-name: clickfirst;
-    }
-
-    span:nth-child(2) {
-      animation-duration: 0.2s;
-      animation-fill-mode: both;
-      animation-name: clickmid;
-    }
-
-    span:nth-child(3) {
-      animation-duration: 0.5s;
-      animation-fill-mode: both;
-      animation-name: clicklast;
-    }
-  }
-
-  &.icon-out {
-    span:nth-child(1) {
-      animation-duration: 0.5s;
-      animation-fill-mode: both;
-      animation-name: outfirst;
-    }
-
-    span:nth-child(2) {
-      animation-duration: 0.2s;
-      animation-fill-mode: both;
-      animation-name: outmid;
-    }
-
-    span:nth-child(3) {
-      animation-duration: 0.5s;
-      animation-fill-mode: both;
-      animation-name: outlast;
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_common/_normalize.scss b/src/css/_common/_normalize.scss
deleted file mode 100644
index 81c6f31..0000000
--- a/src/css/_common/_normalize.scss
+++ /dev/null
@@ -1,427 +0,0 @@
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-  font-family: sans-serif; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-  margin: 0;
-}
-
-/* HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block; /* 1 */
-  vertical-align: baseline; /* 2 */
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-  display: none;
-}
-
-/* Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-  outline: 0;
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-
-b,
-strong {
-  font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-
-dfn {
-  font-style: italic;
-}
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-  background: #ff0;
-  color: #000;
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-
-img {
-  border: 0;
-}
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-
-figure {
-  margin: 1em 40px;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  height: 0;
-}
-
-/**
- * Contain overflow in all browsers.
- */
-
-pre {
-  overflow: auto;
-}
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; /* 1 */
-  font: inherit; /* 2 */
-  margin: 0; /* 3 */
-}
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-
-button {
-  overflow: visible;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-
-button,
-select {
-  text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button; /* 2 */
-  cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-input {
-  line-height: normal;
-}
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; /* 2 */
-  box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-  border: 0; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
-optgroup {
-  font-weight: bold;
-}
-
-/* Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
\ No newline at end of file
diff --git a/src/css/_common/_utils.scss b/src/css/_common/_utils.scss
deleted file mode 100644
index 1c7b777..0000000
--- a/src/css/_common/_utils.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-@mixin clearfix() {
-  &:before,
-  &:after {
-    content: " ";
-    display: table;
-  }
-  
-  &:after {
-    clear: both;
-  }
-}
-
-@mixin min-screen($min-width: $global-body-width) {
-   @media screen and (min-width: $min-width) {
-     @content;
-   }
-}
-
-@mixin max-screen($max-width: $global-body-width) {
-   @media screen and (max-width: $max-width) {
-     @content;
-   }
-}
diff --git a/src/css/_custom/_custom.scss b/src/css/_custom/_custom.scss
deleted file mode 100644
index f7cbb5a..0000000
--- a/src/css/_custom/_custom.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-// ==============================
-// Custom style
-// ==============================
-// You can override the variables in _variables.scss to customize the style
diff --git a/src/css/_iconfont.scss b/src/css/_iconfont.scss
deleted file mode 100644
index f4fa791..0000000
--- a/src/css/_iconfont.scss
+++ /dev/null
@@ -1,191 +0,0 @@
-// ==============================
-// Iconfont
-// ==============================
-
-@font-face {
-  font-family: 'iconfont';
-
-  src: url('../fonts/iconfont/iconfont.eot');
-  src: url('../fonts/iconfont/iconfont.eot#iefix') format('embedded-opentype'), // not '?#iefix', because webpack will add '?hash=[hash]'
-  url('../fonts/iconfont/iconfont.woff') format('woff'),
-  url('../fonts/iconfont/iconfont.ttf') format('truetype'),
-  url('../fonts/iconfont/iconfont.svg#iconfont') format('svg');
-}
-
-%base-iconfont {
-  font-family: "iconfont" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  -webkit-text-stroke-width: 0.2px;
-  cursor: pointer;
-
-  /* Enable Ligatures ================ */
-  letter-spacing: 0;
-  font-feature-settings: "liga";
-  font-variant-ligatures: discretionary-ligatures;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.iconfont {
-  @extend %base-iconfont;
-}
-
-/* Social Icon */
-.icon-bilibili:before {
-  content: "\e900";
-  font-size: .9em;
-  position: relative;
-  top: -4px;
-}
-.icon-instagram:before {
-  font-size: .95em;
-  content: "\e611";
-  position: relative;
-  top: 1px;
-}
-.icon-douban:before {
-  content: "\e610";
-  position: relative;
-  top: 2px;
-}
-.icon-tumblr:before {
-  content: "\e69f";
-  font-size: .85em;
-  position: relative;
-  top: -2px;
-}
-.icon-linkedin:before {
-  content: "\e60d";
-  position: relative;
-  top: -2px;
-}
-.icon-twitter:before {
-  content: "\e600";
-}
-.icon-weibo:before {
-  content: "\e602";
-  position: relative;
-  top: 2px;
-}
-.icon-stack-overflow:before {
-  content: "\e902";
-  font-size: .85em;
-  position: relative;
-  top: -4px;
-}
-.icon-email:before {
-  content: "\e605";
-  position: relative;
-  top: -2px;
-}
-.icon-facebook:before {
-  content: "\e601";
-  font-size: .95em;
-  position: relative;
-  top: -2px;
-}
-.icon-gitlab:before {
-  content: "\e901";
-  font-size: .9em;
-  position: relative;
-  top: -4px;
-}
-.icon-github:before {
-  content: "\e606";
-  position: relative;
-  top: -1px;
-}
-.icon-rss:before {
-  content: "\e604";
-}
-.icon-google:before {
-  content: "\e609";
-  position: relative;
-  top: 2px;
-}
-.icon-zhihu:before {
-  content: "\e607";
-  font-size: .9em;
-}
-.icon-pocket:before {
-  content: "\e856";
-  position: relative;
-  top: 2px;
-}
-
-/* Generic Icon */
-.icon-heart:before {
-  content: "\e608";
-}
-.icon-right:before {
-  content: "\e60a";
-}
-.icon-left:before {
-  content: "\e60b";
-}
-.icon-up:before {
-  content: "\e60c";
-}
-.icon-close:before {
-  content: "\e60f";
-}
-.icon-link:before {
-  content: "\e909";
-}
-
-/* Admonition Icon */
-/*
-.icon-chevron-down:before {
-  content: "\e908";
-}
-.icon-format-quote:before {
-  content: "\e904";
-}
-.icon-pencil:before {
-  content: "\e903";
-}
-.icon-list-numbered:before {
-  content: "\e9b9";
-}
-.icon-list:before {
-  content: "\e9bb";
-}
-.icon-warning:before {
-  content: "\ea07";
-}
-.icon-question:before {
-  content: "\ea09";
-}
-.icon-info:before {
-  content: "\ea0c";
-}
-.icon-cross:before {
-  content: "\ea0f";
-}
-.icon-checkmark:before {
-  content: "\ea10";
-}
-.icon-fire:before {
-  content: "\e905";
-}
-.icon-danger:before {
-  content: "\e905";
-}
-.icon-flame:before {
-  content: "\e905";
-}
-.icon-hot:before {
-  content: "\e905";
-}
-.icon-bulb:before {
-  content: "\e906";
-}
-*/
diff --git a/src/css/_partial/_404.scss b/src/css/_partial/_404.scss
deleted file mode 100644
index 63eb465..0000000
--- a/src/css/_partial/_404.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// ==============================
-// Archive
-// =============================
-
-.not-found {
-  text-align: center;
-
-  .error-emoji {
-    color: #363636;
-    font-size: 3rem;
-  }
-
-  .error-text {
-    color: #797979;
-    font-size: 1.25rem;
-  }
-
-  .error-link {
-    margin-top: 2rem;
-
-    a {
-      color: $theme-color;
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_partial/_archive.scss b/src/css/_partial/_archive.scss
deleted file mode 100644
index f1431c4..0000000
--- a/src/css/_partial/_archive.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-// ==============================
-// Archive
-// =============================
-
-.archive {
-  margin: $archive-margin;
-  max-width: $archive-max-width;
-
-  .archive-title {
-    font-family: $global-serif-font-family;
-
-    &.tag,
-    &.category {
-      margin: 15px 0;
-    }
-
-    .archive-name {
-      margin: 0;
-      display: inline-block;
-      font-weight: 400;
-      font-size: $archive-name-font-size;
-      line-height: $archive-name-font-size + 2px;
-    }
-
-    .archive-post-counter {
-      color: $dark-gray;
-    }
-  }
-
-  .collection-title {
-    font-family: $global-serif-font-family;
-  
-    .archive-year {
-      margin: 15px 0;
-      font-weight: 400;
-      font-size: $collection-title-font-size;
-      line-height: $collection-title-font-size + 2px;
-    }
-  }
-
-  .archive-post {
-    padding: $archive-post-padding;
-    border-left: $archive-post-border-left;
-
-    .archive-post-time {
-      margin-right: 10px;
-      color: $dark-gray;
-    }
-
-    .archive-post-title {
-      
-      .archive-post-link {
-        color: $theme-color;
-      }
-    }
-
-    &::first-child {
-      margin-top: 10px;
-    }
-
-    &:hover {
-      border-left: $archive-post-hover-border-left;
-      transition: $archive-post-hover-transition;
-      transform: $archive-post-hover-transform;
-
-      .archive-post-time {
-        color: darken($dark-gray, 10%);
-      }
-
-      .archive-post-title .archive-post-link {
-        color: darken($theme-color, 10%);
-      }
-    }
-  }
-}
-
-@include max-screen() {
-  .archive {
-    margin-left: auto;
-    margin-right: auto;
-
-    .archive-title .archive-name {
-      font-size: $archive-name-font-size - 4px;
-    }
-
-    .collection-title .archive-year {
-      margin: 10px 0;
-      font-size: $collection-title-font-size - 4px;
-    }
-
-    .archive-post {
-      padding: $archive-post-mobile-padding;
-
-      .archive-post-time {
-        font-size: $archive-post-mobile-time-font-size;
-        display: block;
-      }
-    }
-  }
-}
diff --git a/src/css/_partial/_back-to-top.scss b/src/css/_partial/_back-to-top.scss
deleted file mode 100644
index ee67aa2..0000000
--- a/src/css/_partial/_back-to-top.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// ==============================
-// Back to top
-// =============================
-
-.back-to-top {
-  display: none;
-  position: fixed;
-  right: 20px;
-  bottom: 20px;
-  transition-property: transform;
-  transition-timing-function: ease-out;
-  transition-duration: 0.3s;
-  z-index: 10;
-
-  &:hover {
-    transform: translateY(-5px); 
-  }
-}
-
-@include max-screen() {
-  .back-to-top {
-    display: none !important;
-  }
-}
\ No newline at end of file
diff --git a/src/css/_partial/_footer.scss b/src/css/_partial/_footer.scss
deleted file mode 100644
index 1f8cdae..0000000
--- a/src/css/_partial/_footer.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// ==============================
-// Post footer
-// =============================
-
-.footer {
-  margin-top: $footer-margin-top;
-
-  @import "_footer/social";
-  @import "_footer/copyright";
-}
\ No newline at end of file
diff --git a/src/css/_partial/_footer/_copyright.scss b/src/css/_partial/_footer/_copyright.scss
deleted file mode 100644
index 7d33fe3..0000000
--- a/src/css/_partial/_footer/_copyright.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-// ==============================
-// Copyright
-// =============================
-
-.copyright {
-  margin: $copyright-margin;
-  color: $dark-gray;
-  text-align: center;
-  font-family: $global-serif-font-family;
-
-  .hexo-link,
-  .theme-link {
-    color: $theme-color;
-  }
-
-  .copyright-year {
-    display: block;
-
-    .heart {
-      font-size: 14px;
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_partial/_footer/_social.scss b/src/css/_partial/_footer/_social.scss
deleted file mode 100644
index a23eb69..0000000
--- a/src/css/_partial/_footer/_social.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// ==============================
-// Social
-// =============================
-
-.social-links {
-  text-align: center;
-
-  .iconfont {
-    font-size: $social-icon-font-size;
-
-    & + .iconfont {
-      margin-left: $social-link-margin-left;
-    } 
-
-    &:hover {
-      color: $theme-color;
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_partial/_header.scss b/src/css/_partial/_header.scss
deleted file mode 100644
index d81f17c..0000000
--- a/src/css/_partial/_header.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// ==============================
-// Header
-// ==============================
-
-.header {
-  @include clearfix; 
-  padding: $header-padding;
-
-  @import '_header/logo';
-  @import '_header/menu';
-}
-
-
-@include max-screen() {
-  .header {
-    padding: 50px 0 0;
-    text-align: center;
-  }
-}
diff --git a/src/css/_partial/_header/_logo.scss b/src/css/_partial/_header/_logo.scss
deleted file mode 100644
index cd6435f..0000000
--- a/src/css/_partial/_header/_logo.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// ==============================
-// Logo
-// =============================
-
-.logo-wrapper {
-  float: left;
-
-  .logo {
-    font-size: $logo-font-size;
-    font-family: $logo-font-family;
-  }
-}
-
-@include max-screen() {
-  .logo-wrapper {
-    display: none;
-  }
-}
diff --git a/src/css/_partial/_header/_menu.scss b/src/css/_partial/_header/_menu.scss
deleted file mode 100644
index 7209c80..0000000
--- a/src/css/_partial/_header/_menu.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// ==============================
-// Menu
-// =============================
-
-.site-navbar {
-  float: right;
-
-  .menu {
-    display: inline-block;
-    position: relative;
-    padding-left: 0;
-    padding-right: 25px;
-    font-family: $global-serif-font-family;
-
-    .menu-item {
-      display: inline-block;
-
-      & + .menu-item {
-        margin-left: $menu-item-margin-left;;
-      }
-
-      @include underline-from-center;
-    }
-
-    .menu-item-link {
-      font-size: $menu-link-font-size;
-    }
-  }
-}
-
-@include max-screen() {
-  .site-navbar {
-    display: none;
-  }
-}
diff --git a/src/css/_partial/_mobile.scss b/src/css/_partial/_mobile.scss
deleted file mode 100644
index 26e4c76..0000000
--- a/src/css/_partial/_mobile.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-// ==============================
-// Mobile Navbar
-// ==============================
-
-.mobile-navbar {
-  display: none;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: $mobile-navbar-height;
-  background: $white;
-  box-shadow: 0px 2px 2px $gray;
-  text-align: center;
-  transition: transform 300ms ease;
-  z-index: 99;
-
-  &.fixed-open {
-    transform: translate3d(180px, 0px, 0px);
-  }
-
-  .mobile-header-logo {
-    display: inline-block;
-    margin-right: 50px;
-
-    .logo {
-      font-size: 22px;
-      line-height: $mobile-navbar-height;
-      font-family: $logo-font-family;
-    }
-  }
-
-  .mobile-navbar-icon {
-    color: $theme-color;
-    height: $mobile-navbar-height;
-    width: $mobile-navbar-height;
-    font-size: 24px;
-    text-align: center;
-    float: left;
-    position: relative;
-    transition: background 0.5s;
-
-    @include mobile-menu-icon();
-  }
-}
-
-.mobile-menu {
-  background-color: rgba($deputy-color, 0.5);
-
-  .mobile-menu-list {
-    position: relative;
-    list-style: none;
-    margin-top: 50px;
-    padding: 0;
-    border-top: 1px solid $deputy-color;
-
-    .mobile-menu-item {
-      padding: 10px 30px;
-      border-bottom: 1px solid $deputy-color;
-    }
-
-    a {
-      font-size: 18px;
-      font-family: $global-serif-font-family;
-
-      &:hover {
-        color: $theme-color;
-      }
-    }
-  }
-}
-
-@include max-screen() {
-  .mobile-navbar {
-    display: block;
-  }
-}
diff --git a/src/css/_partial/_pagination.scss b/src/css/_partial/_pagination.scss
deleted file mode 100644
index c58f8db..0000000
--- a/src/css/_partial/_pagination.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// ==============================
-// Pagination
-// ==============================
-
-.pagination {
-  margin: $pagination-margin;
-  @include clearfix;
-
-  .prev,
-  .next {
-    font-weight: 600;
-    font-size: $pagination-font-size;
-    font-family: $global-serif-font-family;
-    transition-property: transform;
-    transition-timing-function: ease-out;
-    transition-duration: 0.3s;
-  }
-
-  .prev {
-    float: left;
-
-    &:hover {
-      color: $theme-color;
-      transform: translateX(-4px); 
-    }
-  }
-
-  .next {
-    float: right;
-
-    &:hover {
-      color: $theme-color;
-      transform: translateX(4px); 
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_partial/_post.scss b/src/css/_partial/_post.scss
deleted file mode 100644
index a980b29..0000000
--- a/src/css/_partial/_post.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// ==============================
-// Post
-// ==============================
-
-.posts {
-  margin-bottom: $post-list-margin-bottom;
-  border-bottom: $post-border;
-}
-
-.post {
-  padding: $post-padding;
-
-  & + .post {
-    border-top: $post-border;
-  }
-
-  @import '_post/header';
-  @import '_post/toc';
-  @import '_post/content';
-  @import '_post/copyright';
-  @import '_post/reward';
-  @import '_post/footer';
-  @import '_post/outdated';
-}
diff --git a/src/css/_partial/_post/_admonition.scss b/src/css/_partial/_post/_admonition.scss
deleted file mode 100644
index 75444d6..0000000
--- a/src/css/_partial/_post/_admonition.scss
+++ /dev/null
@@ -1,210 +0,0 @@
-.admonition {
-  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
-      0 1px 5px 0 rgba(0,0,0,.12),
-      0 3px 1px -2px rgba(0,0,0,.2);
-  position: relative;
-  margin: .9765em 0;
-  padding: 0 .75rem;
-  border-left: .25rem solid #448aff;
-  border-radius: .125rem;
-  overflow: auto;
-
-  .admonition-title {
-    margin: 0 -0.75rem;
-    padding: .5rem .75rem .5rem 2.5rem;
-    border-bottom: .1rem solid rgba(68,138,255,.1);
-    background-color: rgba(68,138,255,.1);
-    font-weight: 700;
-  }
-
-  .admonition-title:before {
-    @extend %base-iconfont;
-    cursor: auto;
-    position: absolute;
-    left: .75rem;
-    top: .75rem;
-  }
-
-  &.note {
-    border-left-color: #448aff;
-
-    .admonition-title:before {
-      color: #448aff;
-      content: "\e903";
-    }
-  }
-
-  &.abstract {
-    border-left-color: #00b0ff;
-
-    .admonition-title {
-      background-color: rgba(0,176,255,.1);
-    }
-
-    .admonition-title:before {
-      color: #00b0ff;
-      content: "\e9bb";
-    }
-  }
-
-  &.info {
-    border-left-color: #00b8d4;
-
-    .admonition-title {
-      background-color: rgba(0,184,212,.1);
-    }
-
-    .admonition-title:before {
-      color: #00b8d4;
-      content: "\ea0c";
-    }
-  }
-
-  &.tip {
-    border-left-color: #00bfa5;
-
-    .admonition-title {
-      background-color: rgba(0,191,165,.1);
-    }
-
-    .admonition-title:before {
-      color: #00bfa5;
-      content: "\e906";
-    }
-  }
-
-  &.success {
-    border-left-color: #00c853;
-
-    .admonition-title {
-      background-color: rgba(0,200,83,.1);
-    }
-
-    .admonition-title:before {
-      color: #00c853;
-      content: "\ea10";
-    }
-  }
-
-  &.question {
-    border-left-color: #64dd17;
-
-    .admonition-title {
-      background-color: rgba(100,221,23,.1);
-    }
-
-    .admonition-title:before {
-      color: #64dd17;
-      content: "\ea09";
-    }
-  }
-
-  &.warning {
-    border-left-color: #ff9100;
-
-    .admonition-title {
-      background-color: rgba(255,145,0,.1);
-    }
-
-    .admonition-title:before {
-      color: #ff9100;
-      content: "\ea07";
-    }
-  }
-
-  &.failure {
-    border-left-color: #ff5252;
-
-    .admonition-title {
-      background-color: rgba(255,82,82,.1);
-    }
-
-    .admonition-title:before {
-      color: #ff5252;
-      content: "\ea0f";
-    }
-  }
-
-  &.danger {
-    border-left-color: #ff1744;
-
-    .admonition-title {
-      background-color: rgba(255,23,68,.1);
-    }
-
-    .admonition-title:before {
-      color: #ff1744;
-      content: "\e905";
-    }
-  }
-
-  &.bug {
-    border-left-color: #f50057;
-
-    .admonition-title {
-      background-color: rgba(245,0,87,.1);
-    }
-
-    .admonition-title:before {
-      color: #f50057;
-      content: "\e907";
-    }
-  }
-
-  &.example {
-    border-left-color: #651fff;
-
-    .admonition-title {
-      background-color: rgba(101,31,255,.1);
-    }
-
-    .admonition-title:before {
-      color: #651fff;
-      content: "\e9b9";
-    }
-  }
-
-  &.quote {
-    border-left-color: #9e9e9e;
-
-    .admonition-title {
-      background-color: hsla(0,0%,62%,.1);
-    }
-
-    .admonition-title:before {
-      color: #9e9e9e;
-      content: "\e904";
-    }
-  }
-
-  &:last-child {
-    margin-bottom: .75rem;
-  }
-}
-
-details.admonition {
-  summary {
-    display: block;
-    outline: none;
-    cursor: pointer;
-
-    &::-webkit-details-marker {
-      display: none;
-    }
-
-    &:after {
-      @extend %base-iconfont;
-      position: absolute;
-      top: .75rem;
-      right: .75rem;
-      color: rgba(0,0,0,.26);
-      content: "\e908";
-    }
-  }
-}
-
-details.admonition[open] {
-  > summary:after {
-    transform: rotate(180deg);
-  }
-}
diff --git a/src/css/_partial/_post/_code.scss b/src/css/_partial/_post/_code.scss
deleted file mode 100644
index 50fcdd2..0000000
--- a/src/css/_partial/_post/_code.scss
+++ /dev/null
@@ -1,283 +0,0 @@
-code, pre {
-  padding: 7px;
-  font-size: $code-font-size;
-  font-family: $code-font-family;
-  background: $code-background;
-}
-
-code {
-  padding: 3px 5px;
-  border-radius: 4px;
-  color: $code-color;
-}
-
-// highlight.js
-figure.highlight {
-  margin: 1em 0;
-  border-radius: 5px;
-  overflow-x: auto;
-  box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
-  position: relative;
-
-  table {
-    position: relative;
-
-    &::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-      padding: 2px 7px;
-      font-size: $code-font-size;
-      font-weight: bold;
-      color: darken($gray, 10%);
-      background: darken($code-background, 3%);
-      content: 'Code';
-    }
-  }
-
-  @each $sign, $text in $code-type-list {
-    &.#{$sign} > table::after {
-      content: $text;
-    }
-  }
-
-  .code {
-    pre {
-      margin: 0;
-      padding: 30px 10px 10px;
-    }
-  }
-
-  .gutter {
-    width: 10px;
-    color: $gray;
-
-    pre {
-      margin: 0;
-      padding: 30px 7px 10px;
-    }
-  }
-
-  .line {
-    // Fix code block null line height and
-    // Synchronous gutter and code line highly.
-    height: round($code-font-size * 1.5);
-  }
-
-  table, tr, td {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    border-collapse: collapse;
-  }
-
-  .code {
-    .hljs-comment,
-    .hljs-quote {
-      color: map-get($code-highlight-color, comment);
-    }
-
-    .hljs-keyword,
-    .hljs-selector-tag,
-    .hljs-addition {
-      color: map-get($code-highlight-color, keyword);
-    }
-
-    .hljs-number,
-    .hljs-string,
-    .hljs-meta .hljs-meta-string,
-    .hljs-literal,
-    .hljs-doctag,
-    .hljs-regexp {
-      color: map-get($code-highlight-color, number);
-    }
-
-    .hljs-title,
-    .hljs-section,
-    .hljs-name,
-    .hljs-selector-id,
-    .hljs-selector-class {
-      color: map-get($code-highlight-color, title);
-    }
-
-    .hljs-attribute,
-    .hljs-attr,
-    .hljs-variable,
-    .hljs-template-variable,
-    .hljs-class .hljs-title,
-    .hljs-type {
-      color: map-get($code-highlight-color, attribute);
-    }
-
-    .hljs-symbol,
-    .hljs-bullet,
-    .hljs-subst,
-    .hljs-meta,
-    .hljs-meta .hljs-keyword,
-    .hljs-selector-attr,
-    .hljs-selector-pseudo,
-    .hljs-link {
-      color: map-get($code-highlight-color, symbol);
-    }
-
-    .hljs-built_in,
-    .hljs-deletion {
-      color: map-get($code-highlight-color, built_in);
-    }
-
-    .hljs-formula {
-      background: map-get($code-highlight-color, formula);
-    }
-    
-    .hljs-emphasis {
-      font-style: italic;
-    }
-    
-    .hljs-strong {
-      font-weight: bold;
-    }
-  }
-}
-
-// chroma
-.highlight > .chroma {
-  margin: 1em 0;
-  border-radius: 5px;
-  overflow-x: auto;
-  box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
-  position: relative;
-  background: $code-background;
-
-  code {
-    padding: 0;
-  }
-
-  table {
-    position: relative;
-
-    &::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-      padding: 2px 7px;
-      font-size: $code-font-size;
-      font-weight: bold;
-      color: darken($gray, 10%);
-      background: darken($code-background, 3%);
-      content: 'Code';
-    }
-  }
-
-  @each $sign, $text in $code-type-list {
-    &.#{$sign} > table::after {
-      content: $text;
-    }
-  }
-
-  .lntd {
-    // Fix code block null line height and
-    // Synchronous gutter and code line highly.
-    line-height: round($code-font-size * 1.5);
-
-    &:first-child {
-      width: 10px;
-
-      pre {
-        margin: 0;
-        padding: 30px 7px 10px;
-      }
-    }
-
-    &:last-child {
-      vertical-align: top;
-
-      pre {
-        margin: 0;
-        padding: 30px 10px 10px;
-      }
-    }
-  }
-
-  table, tr, td {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    border-collapse: collapse;
-  }
-
-  /* LineNumbersTable */  .lnt { color: $gray; }
-  /* LineHighlight */  .hl { display: block; width: 100%; background-color: #ffffcc }
-
-  /* Keyword */  .k { color: #859900 }
-  /* KeywordConstant */  .kc { color: #859900; font-weight: bold }
-  /* KeywordDeclaration */  .kd { color: #859900 }
-  /* KeywordNamespace */  .kn { color: #dc322f; font-weight: bold }
-  /* KeywordPseudo */  .kp { color: #859900 }
-  /* KeywordReserved */  .kr { color: #859900 }
-  /* KeywordType */  .kt { color: #859900; font-weight: bold }
-  /* Name */  .n { color: #268bd2 }
-  /* NameAttribute */  .na { color: #268bd2 }
-  /* NameBuiltin */  .nb { color: #cb4b16 }
-  /* NameBuiltinPseudo */  .bp { color: #268bd2 }
-  /* NameClass */  .nc { color: #cb4b16 }
-  /* NameConstant */  .no { color: #268bd2 }
-  /* NameDecorator */  .nd { color: #268bd2 }
-  /* NameEntity */  .ni { color: #268bd2 }
-  /* NameException */  .ne { color: #268bd2 }
-  /* NameFunction */  .nf { color: #268bd2 }
-  /* NameFunctionMagic */  .fm { color: #268bd2 }
-  /* NameLabel */  .nl { color: #268bd2 }
-  /* NameNamespace */  .nn { color: #268bd2 }
-  /* NameOther */  .nx { color: #268bd2 }
-  /* NameProperty */  .py { color: #268bd2 }
-  /* NameTag */  .nt { color: #268bd2; font-weight: bold }
-  /* NameVariable */  .nv { color: #268bd2 }
-  /* NameVariableClass */  .vc { color: #268bd2 }
-  /* NameVariableGlobal */  .vg { color: #268bd2 }
-  /* NameVariableInstance */  .vi { color: #268bd2 }
-  /* NameVariableMagic */  .vm { color: #268bd2 }
-  /* Literal */  .l { color: #2aa198 }
-  /* LiteralDate */  .ld { color: #2aa198 }
-  /* LiteralString */  .s { color: #2aa198 }
-  /* LiteralStringAffix */  .sa { color: #2aa198 }
-  /* LiteralStringBacktick */  .sb { color: #2aa198 }
-  /* LiteralStringChar */  .sc { color: #2aa198 }
-  /* LiteralStringDelimiter */  .dl { color: #2aa198 }
-  /* LiteralStringDoc */  .sd { color: #2aa198 }
-  /* LiteralStringDouble */  .s2 { color: #2aa198 }
-  /* LiteralStringEscape */  .se { color: #2aa198 }
-  /* LiteralStringHeredoc */  .sh { color: #2aa198 }
-  /* LiteralStringInterpol */  .si { color: #2aa198 }
-  /* LiteralStringOther */  .sx { color: #2aa198 }
-  /* LiteralStringRegex */  .sr { color: #2aa198 }
-  /* LiteralStringSingle */  .s1 { color: #2aa198 }
-  /* LiteralStringSymbol */  .ss { color: #2aa198 }
-  /* LiteralNumber */  .m { color: #2aa198; font-weight: bold }
-  /* LiteralNumberBin */  .mb { color: #2aa198; font-weight: bold }
-  /* LiteralNumberFloat */  .mf { color: #2aa198; font-weight: bold }
-  /* LiteralNumberHex */  .mh { color: #2aa198; font-weight: bold }
-  /* LiteralNumberInteger */  .mi { color: #2aa198; font-weight: bold }
-  /* LiteralNumberIntegerLong */  .il { color: #2aa198; font-weight: bold }
-  /* LiteralNumberOct */  .mo { color: #2aa198; font-weight: bold }
-  /* OperatorWord */  .ow { color: #859900 }
-  /* Comment */  .c { color: #93a1a1; font-style: italic }
-  /* CommentHashbang */  .ch { color: #93a1a1; font-style: italic }
-  /* CommentMultiline */  .cm { color: #93a1a1; font-style: italic }
-  /* CommentSingle */  .c1 { color: #93a1a1; font-style: italic }
-  /* CommentSpecial */  .cs { color: #93a1a1; font-style: italic }
-  /* CommentPreproc */  .cp { color: #93a1a1; font-style: italic }
-  /* CommentPreprocFile */  .cpf { color: #93a1a1; font-style: italic }
-  /* Generic */  .g { color: #d33682 }
-  /* GenericDeleted */  .gd { color: #b58900 }
-  /* GenericEmph */  .ge { color: #d33682 }
-  /* GenericError */  .gr { color: #d33682 }
-  /* GenericHeading */  .gh { color: #d33682 }
-  /* GenericInserted */  .gi { color: #859900 }
-  /* GenericOutput */  .go { color: #d33682 }
-  /* GenericPrompt */  .gp { color: #d33682 }
-  /* GenericStrong */  .gs { color: #d33682 }
-  /* GenericSubheading */  .gu { color: #d33682 }
-  /* GenericTraceback */  .gt { color: #d33682 }
-}
diff --git a/src/css/_partial/_post/_content.scss b/src/css/_partial/_post/_content.scss
deleted file mode 100644
index 688a924..0000000
--- a/src/css/_partial/_post/_content.scss
+++ /dev/null
@@ -1,197 +0,0 @@
-// ==============================
-// Post content
-// ==============================
-
-.post-content {
-  word-wrap: break-word;
-
-  @for $i from 1 through 6 {
-    h#{$i} {
-      font-weight: 400;
-      font-family: $global-serif-font-family;
-
-      .anchor {
-        float: left;
-        line-height: 1;
-        margin-left: -20px;
-        padding-right: 4px;
-
-        &:hover {
-          border-bottom: initial;
-        }
-
-        .icon-link {
-          visibility: hidden;
-          font-size: 16px;
-
-          &:before {
-            vertical-align: middle;
-          }
-        }
-      }
-
-      &:hover {
-        .icon-link {
-          visibility: visible;
-        }
-      }
-    }
-  }
-
-  a {
-    color: $theme-color;
-    word-break: break-all;
-
-    &:hover {
-      border-bottom: $content-link-border;
-    }
-
-    &.fancybox {
-      border: 0;
-    }
-  }
-
-  blockquote {
-    margin: 2em 0;
-    padding: 10px 20px;
-    position: relative;
-    color: rgba(#34495e, 0.8);
-    background-color: $content-blockquote-backgroud;
-    border-left: $content-blockquote-border-left;
-    box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
-
-    p {
-      margin: 0;
-    }
-  }
-
-  img {
-    display: inline-block;
-    max-width: 100%;
-  }
-
-  .table-wrapper {
-    overflow-x: auto;
-
-    > table {
-      max-width: 100%;
-      margin: 10px 0;
-      border-spacing: 0;
-      box-shadow: 2px 2px 3px rgba(0,0,0,.125);
-
-      thead {
-        background: $deputy-color;
-      }
-
-      th, td {
-        padding: 5px 15px;
-        border: 1px double $content-table-border-color;
-      }
-
-      tr:hover {
-        background-color: $deputy-color;
-      }
-    }
-  }
-
-  @import 'code';
-  @import 'admonition';
-
-  .post-summary {
-    margin-bottom: 1em;
-  }
-
-  .read-more {
-    .read-more-link {
-      color: $theme-color;
-      font-size: 1.1em;
-      font-family: $global-serif-font-family;
-    
-      &:hover {
-        border-bottom: $post-readMore-border-bottom;
-      }
-    }
-  }
-
-  kbd {
-    display: inline-block;
-    padding: 0.25em;
-    background-color: #fafafa;
-    border: 1px solid #dbdbdb;
-    border-bottom-color: #b5b5b5;
-    border-radius: 3px;
-    box-shadow: inset 0 -1px 0 #b5b5b5;
-    font-size: 0.8em;
-    line-height: 1.25;
-    font-family: "SFMono-Regular","Liberation Mono","Roboto Mono",Menlo,Monaco,Consolas,"Courier New",Courier,monospace;
-    color: #4a4a4a;
-  }
-
-  dl dt::after {
-    content: ':';
-  }
-
-  figure {
-    &.center {
-      text-align: center;
-    }
-
-    &.right {
-      text-align: right;
-    }
-
-    &.left {
-      text-align: left;
-    }
-
-    figcaption h4 {
-      color: #b5b5b5;
-      font-size: 0.9rem;
-    }
-  }
-
-  hr {
-    margin: 1rem 0;
-    position: relative;
-    border-top: 2px dashed $theme-color;
-    border-bottom: none;
-  }
-
-  .footnote-ref {
-    > a {
-      font-weight: bold;
-      margin-left: 3px;
-
-      &:before {
-        content: "[";
-      }
-
-      &:after {
-        content: "]";
-      }
-    }
-  }
-
-  .task-list {
-    list-style: none;
-    padding-left: 1.5rem;
-  }
-
-  .align-center {
-    text-align: center;
-  }
-
-  .align-right {
-    text-align: right;
-  }
-
-  .align-left {
-    text-align: left;
-  }
-
-  .MJXc-display {
-    overflow-x: auto;
-    overflow-y: hidden;
-    padding-right: 1px;
-  }
-}
diff --git a/src/css/_partial/_post/_copyright.scss b/src/css/_partial/_post/_copyright.scss
deleted file mode 100644
index 374061f..0000000
--- a/src/css/_partial/_post/_copyright.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.post-copyright {
-  margin-top: 20px;
-  padding-top: 10px;
-  border-top: 1px dashed $light-gray;
-
-  .copyright-item {
-    margin: 5px 0;
-
-    a {
-      color: $theme-color;
-      word-wrap: break-word;
-
-      &:hover {
-        border-bottom: $content-link-border;
-      }
-    }
-
-    .item-title {
-      display: inline-block;
-      min-width: 5rem;
-      margin-right: .5rem;
-      text-align: right;
-
-      &:after {
-        content: " :";
-      }
-    }
-  }
-}
diff --git a/src/css/_partial/_post/_footer.scss b/src/css/_partial/_post/_footer.scss
deleted file mode 100644
index 012110f..0000000
--- a/src/css/_partial/_post/_footer.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-// ==============================
-// Post footer
-// ==============================
-
-.post-footer {
-  margin-top: $post-footer-margin-top;
-  border-top: $post-footer-border-top;
-  font-family: $global-serif-font-family;
-
-  .post-tags {
-    padding: $post-tags-padding;
-
-    a {
-      margin-right: 5px;
-      color: $theme-color;
-      word-break: break-all;
-
-      &::before {
-        content: '#';
-      }
-    }
-  }
-
-  .post-nav {
-    margin: 1em 0;
-    @include clearfix;
-
-    .prev,
-    .next {
-      font-weight: 600;
-      font-size: $post-nav-font-size;
-      font-family: $global-serif-font-family;
-      transition-property: transform;
-      transition-timing-function: ease-out;
-      transition-duration: 0.3s;
-    }
-
-    .prev {
-      float: left;
-
-      &:hover {
-        color: $theme-color;
-        transform: translateX(-4px); 
-      }
-    }
-
-    .next {
-      float: right;
-
-      &:hover {
-        color: $theme-color;
-        transform: translateX(4px); 
-      }
-    }
-
-    .nav-mobile {
-      display: none;
-    }
-  }
-}
-
-@include max-screen() {
-  .post-footer {
-    .post-nav {
-      .nav-default {
-        display: none;
-      }
-
-      .nav-mobile {
-        display: inline;
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_partial/_post/_header.scss b/src/css/_partial/_post/_header.scss
deleted file mode 100644
index 7faf4e3..0000000
--- a/src/css/_partial/_post/_header.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-.post-header {
-  margin-bottom: 20px;
-
-  .post-title {
-    margin: 0;
-    font-size: $post-title-font-size;
-    font-weight: $post-title-font-weight;
-    font-family: $global-serif-font-family;
-  }
-
-  .post-link {
-    @include underline-from-center;
-  }
-
-  .post-meta {
-    font-size: 14px;
-    color: $post-meta-font-color;
-
-    .post-time {
-      font-size: 15px;
-    }
-
-    .post-category {
-      display: inline;
-
-      a {
-        color: inherit;
-
-        &::before {
-          content: '·';
-        }
-
-        &:hover {
-          color: $theme-color;
-        }
-      }
-    }
-
-    .more-meta {
-      &::before {
-        content: '·';
-      }
-    }
-
-  }
-}
diff --git a/src/css/_partial/_post/_outdated.scss b/src/css/_partial/_post/_outdated.scss
deleted file mode 100644
index be7b5ea..0000000
--- a/src/css/_partial/_post/_outdated.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.post-outdated {
-  .hint {
-    position: relative;
-    margin-top: 20px;
-    margin-bottom: 20px;
-    padding: 5px 10px;
-    border-left: 4px solid rgb(66, 172, 243);
-    background-color: rgb(239, 245, 255);
-    border-color: rgb(66, 172, 243);
-  }
-
-  .warn {
-    position: relative;
-    margin-top: 20px;
-    margin-bottom: 20px;
-    padding: 5px 10px;
-    border-left: 4px solid #f9cf63;
-    background-color: #ffffc0;
-    border-color: #f9cf63;
-  }
-}
-
-
-
-
diff --git a/src/css/_partial/_post/_reward.scss b/src/css/_partial/_post/_reward.scss
deleted file mode 100644
index 3a03a9f..0000000
--- a/src/css/_partial/_post/_reward.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-.post-reward {
-  margin-top: 20px;
-  padding-top: 10px;
-  text-align: center;
-  border-top: 1px dashed $light-gray;
-
-  .reward-button {
-    margin: 15px 0;
-    padding: 3px 7px;
-    display: inline-block;
-    color: $theme-color;
-    border: 1px solid $theme-color;
-    border-radius: 5px;
-    cursor: pointer;
-
-    &:hover {
-      color: $white;
-      background-color: $theme-color;
-      transition: 0.5s;
-    }
-  }
-
-  #reward:checked {
-    & ~ .qr-code {
-      display: block;
-    }
-
-    & ~ .reward-button {
-      display: none;
-    }
-  }
-
-  .qr-code {
-    display: none;
-
-    .qr-code-image {
-      display: inline-block;
-      min-width: 200px;
-      width: 40%;
-      margin-top: 15px;
-
-      span {
-        display: inline-block;
-        width: 100%;
-        margin: 8px 0;
-      }
-    }
-
-    .image {
-      width: 200px;
-      height: 200px;
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_partial/_post/_toc.scss b/src/css/_partial/_post/_toc.scss
deleted file mode 100644
index 8327055..0000000
--- a/src/css/_partial/_post/_toc.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-.post-toc {
-  position: absolute;
-  width: $post-toc-width;
-  margin-left: $post-toc-margin-left;
-  padding: 10px;
-  font-family: $global-serif-font-family;
-  border-radius: 5px;
-  background: $post-toc-backgroud;
-  box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
-  word-wrap: break-word;
-  box-sizing: border-box;
-
-  .post-toc-title {
-    margin: 0 10px;
-    font-size: $post-toc-title-size;
-    font-weight: 400;
-    text-transform: uppercase;
-  }
-
-  .post-toc-content {
-    font-size: $post-toc-content;
-
-    &.always-active ul {
-      display: block;
-    }
-
-    >nav>ul {
-      margin: 10px 0;
-    }
-
-    ul {
-      padding-left: 20px;
-      list-style: $post-toc-list-style;
-
-      ul {
-        padding-left: 15px;
-        display: none;
-      }
-
-      .has-active > ul {
-        display: block;
-      }
-    }
-
-    .toc-link.active {
-      color: $theme-color;
-    }
-  }
-}
-
-@include max-screen($toc-max-sreen-width) {
-  .post-toc {
-    display: none;
-  }
-}
diff --git a/src/css/_partial/_slideout.scss b/src/css/_partial/_slideout.scss
deleted file mode 100644
index 2dc757d..0000000
--- a/src/css/_partial/_slideout.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// ==============================
-// slideout (https://github.com/mango/slideout)
-// ==============================
-
-.slideout-menu {
-  position: fixed;
-  top: 0;
-  left: 0px;
-  bottom: 0;
-  width: 180px;
-  min-height: 100vh;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-  z-index: 0;
-  display: none;
-}
-
-.slideout-panel {
-  position: relative;
-  z-index: 1;
-  background-color: $white;
-  min-height: 100vh;
-}
-
-.slideout-open,
-.slideout-open body,
-.slideout-open .slideout-panel {
-  overflow: hidden;
-}
-
-.slideout-open .slideout-menu {
-  display: block;
-}
diff --git a/src/css/_partial/_terms.scss b/src/css/_partial/_terms.scss
deleted file mode 100644
index f498ffe..0000000
--- a/src/css/_partial/_terms.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-// ==============================
-// General Terms(tags, categories, etc.)
-// =============================
-
-.terms {
-  margin: 2em 0 3em;
-  text-align: center;
-  font-family: $global-serif-font-family;
-
-  .terms-title {
-    display: inline-block;
-    font-size: $terms-title-size;
-    color: $theme-color;
-    border-bottom: $terms-title-border-bottom;
-  }
-
-  .terms-tags {
-    margin: 10px 0;
-
-    .terms-link {
-      display: inline-block;
-      position: relative;
-      margin: $terms-link-margin;
-      word-wrap: break-word;
-      transition-duration: 0.2s;
-      transition-property: transform;
-      transition-timing-function: ease-out;
-
-      .terms-count {
-        display: inline-block;
-        position: relative;
-        top: -8px;
-        right: -2px;
-        color: $theme-color;
-        font-size: $terms-count-font-size;
-      }
-
-      &:active,
-      &:focus,
-      &:hover {
-        color: $theme-color;
-        transform: scale(1.1);
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/css/_variables.scss b/src/css/_variables.scss
deleted file mode 100644
index 8e1553b..0000000
--- a/src/css/_variables.scss
+++ /dev/null
@@ -1,328 +0,0 @@
-// ==============================
-// Variables
-// ==============================
-
-// ========== Theme Color ========== //
-// Config here to change theme color
-// Default | Mint Green | Cobalt Blue | Hot Pink | Dark Violet
-$theme-color-config: 'Default';
-
-// Default theme color map
-$theme-color-map: (
-  'Default': #c05b4d #f8f5ec,
-  'Mint Green': #16982B #f5f5f5,
-  'Cobalt Blue': #0047AB #f0f2f5,
-  'Hot Pink': #FF69B4 #f8f5f5,
-  'Dark Violet': #9932CC #f5f4fa
-);
-
-// Check theme color config.
-// if it does not exist, use default theme color.
-@if not(map-has-key($theme-color-map, $theme-color-config)) {
-  $theme-color-config: 'Default';
-}
-$theme-color-list: map-get($theme-color-map, $theme-color-config);
-
-// Default theme color of the site.
-$theme-color: nth($theme-color-list, 1) !default;
-
-// Deputy theme color of the site.
-$deputy-color: nth($theme-color-list, 2) !default;
-
-
-// ========== Color ========== //
-$black: #0a0a0a !default;
-$white: #fefefe !default;
-$light-gray: #e6e6e6 !default;
-$gray: #cacaca !default;
-$dark-gray: #8a8a8a !default;
-
-
-// ========== Global ========== //
-// Text color of the body.
-$global-font-color: #34495e !default;
-
-// Font size attribute applied to '<html>' and '<body>'.
-$global-font-size: 16px !default;
-
-// Global width of '<body>'.
-$global-body-width: 800px !default;
-
-// Padding of container main
-$global-container-padding: 0 20px !default;
-
-// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px.
-$global-lineheight: 1.5 !default;
-
-// Font family of the site.
-$global-font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif !default;
-
-// Serif font family of the site.
-$global-serif-font-family: Athelas, STHeiti, Microsoft Yahei, serif !default;
-
-// Background color of the site.
-$global-background: $white !default;
-
-// Headings font size of the site.
-$global-headings: (
-  h1: 26px,
-  h2: 24px,
-  h3: 20px,
-  h4: 16px,
-  h5: 14px,
-  h6: 14px
-) !default;
-
-
-// ========== Header ========== //
-// Padding of the site header.
-$header-padding: 20px 20px !default;
-
-// Font family: Chancery
-@font-face {
-  font-family: 'Chancery';
-  src: url('../fonts/chancery/apple-chancery-webfont.eot');
-  src: local('Apple Chancery'), url('../fonts/chancery/apple-chancery-webfont.eot?#iefix') format('embedded-opentype'),
-  url('../fonts/chancery/apple-chancery-webfont.woff2') format('woff2'),
-  url('../fonts/chancery/apple-chancery-webfont.woff') format('woff'),
-  url('../fonts/chancery/apple-chancery-webfont.ttf') format('truetype'),
-  url('../fonts/chancery/apple-chancery-webfont.svg#apple-chancery') format('svg');
-  font-weight: lighter;
-  font-style: normal;
-}
-
-// Font size of the logo.
-$logo-font-size: 48px !default;
-
-// Font family of the logo.
-$logo-font-family: 'Chancery', cursive, LiSu, sans-serif !default;
-
-// Margin of menu item.
-$menu-item-margin-left: 10px !default;
-
-// Margin of menu item in mobile.
-$menu-item-mobile-margin: 5px !default;
-
-// Font size of menu item link.
-$menu-link-font-size: 18px !default;
-
-// Height of the mobile header.
-$mobile-navbar-height: 50px !default;
-
-// ========== Post ========== //
-// Margin bottom of post list.
-$post-list-margin-bottom: 20px !default;
-
-// Padding of the post.
-$post-padding: 1.5em 0 !default;
-
-// Border top of the post + post.
-$post-border: 1px solid $light-gray !default;
-
-// Font size of post title.
-$post-title-font-size: 27px !default;
-
-// Font weight of post title.
-$post-title-font-weight: 400 !default;
-
-// Margin top of the post meta (post time).
-$post-meta-margin-top: 5px !default;
-
-// Font color of the post meta.
-$post-meta-font-color: $dark-gray !default;
-
-// Border bottom of the read more link when hover it.
-$post-readMore-border-bottom: 1px solid $theme-color !default;
-
-// Margin top of the post footer.
-$post-footer-margin-top: 20px !default;
-
-// Border top of post footer.
-$post-footer-border-top: 1px solid $light-gray !default;
-
-// Padding of the post tags.
-$post-tags-padding: 15px 0 !default;
-
-// Font size of post pagination.
-$post-nav-font-size: 18px !default;
-
-
-// ========== TOC ========== //
-// Width of the post toc.
-$post-toc-width: 200px !default;
-
-// Backgroud color of the post toc.
-$post-toc-backgroud: rgba($deputy-color, 0.6) !default;
-
-// Margin left of the post toc.
-$post-toc-margin-left: $global-body-width - 15px !default;
-
-// Font size of the post toc title.
-$post-toc-title-size: 20px !default;
-
-// Font size of the post toc content.
-$post-toc-content: 15px !default;
-
-// List style of the post toc list.
-$post-toc-list-style: square !default;
-
-// Max screen media of the post toc.
-$toc-max-sreen-width: 2 * $post-toc-width + $post-toc-margin-left !default;
-
-// ========== Content ========== //
-// Headings anchor.
-$content-headings-anchor: "" !default;
-
-// Border bottom of the link when hover it.
-$content-link-border: 1px solid $theme-color !default;
-
-// Background color of the blockquote.
-$content-blockquote-backgroud: rgba($theme-color, 0.05) !default;
-
-// Border left of the blockquote.
-$content-blockquote-border-left: 3px solid rgba($theme-color, 0.3) !default;
-
-// Border color of the table.
-$content-table-border-color: darken($deputy-color, 3%) !default;
-
-// ========== Code ========== //
-// Color of the code.
-$code-color: #c7254e !default;
-
-// Font size of code.
-$code-font-size: 0.9em !default;
-
-// Font family of the code.
-$code-font-family: Consolas, Monaco, Menlo, "DejaVu Sans Mono",
- "Bitstream Vera Sans Mono", "Courier New", monospace !default;
-
-// Color of code highlight, solarized.
-$code-highlight-color: (
-  comment: #93a1a1,
-  keyword: #859900,
-  number: #2aa198,
-  title: #268bd2,
-  attribute: #b58900,
-  symbol: #cb4b16,
-  built_in: #dc322f,
-  formula: #eee8d5
-) !default;
-
-// Code type list.
-$code-type-list: (
-  // Custom code type
-  language-bash: "Bash",
-  language-c: "C",
-  language-cs: "C#",
-  language-cpp: "C++",
-  language-css: "CSS",
-  language-coffeescript: "CoffeeScript",
-  language-html: "HTML",
-  language-xml: "XML",
-  language-http: "HTTP",
-  language-json: "JSON",
-  language-java: "Java",
-  language-js: "JavaScript",
-  language-javascript: "JavaScript",
-  language-makefile: "Makefile",
-  language-markdown: "Markdown",
-  language-objectivec: "Objective-C",
-  language-php: "PHP",
-  language-perl: "Perl",
-  language-python: "Python",
-  language-ruby: "Ruby",
-  language-sql: "SQL",
-  language-shell: "Shell",
-
-  language-erlang: "Erlang",
-  language-go: "Go",
-  language-go-html-template: "Go HTML Template",
-  language-groovy: "Groovy",
-  language-haskell: "Haskell",
-  language-kotlin: "Kotlin",
-  language-clojure: "Clojure",
-  language-less: "Less",
-  language-lisp: "Lisp",
-  language-lua: "Lua",
-  language-matlab: "Matlab",
-  language-rust: "Rust",
-  language-scss: "Scss",
-  language-scala: "Scala",
-  language-swift: "Swift",
-  language-typescript: "TypeScript",
-  language-yml: "YAML",
-  language-yaml: "YAML",
-  language-toml: "TOML",
-  language-diff: "Diff"
-) !default;
-
-// Color of the code background.
-$code-background: $deputy-color !default;
-
-
-// ========== Pagination ========== //
-// Margin of the pagination.
-$pagination-margin: 2em 0 !default;
-
-// Font size of the pagination (Without post, post pagination see line 140).
-$pagination-font-size: 20px !default;
-
-
-// ========== Footer ========== //
-// Margin top of the footer.
-$footer-margin-top: 2em !default;
-
-// Margin left of the social link.
-$social-link-margin-left: 10px !default;
-
-// Font size of the social icon.
-$social-icon-font-size: 30px !default;
-
-// Margin of the copyright.
-$copyright-margin: 10px 0 !default;
-
-
-// ========== Archive ========== //
-// Margin of the archive.
-$archive-margin: 2em 0px !default;
-
-// Max width of the archive.
-$archive-max-width: 550px !default;
-
-// Font size of the archive name.
-$archive-name-font-size: 30px !default;
-
-// Font size of the collection title.
-$collection-title-font-size: 28px !default;
-
-// Padding of the archive post.
-$archive-post-padding: 3px 20px !default;
-
-// Padding of the archive post in mobile.
-$archive-post-mobile-padding: 5px 10px !default;
-
-// Font size of the archive post time in mobile.
-$archive-post-mobile-time-font-size: 13px !default;
-
-// Border left of the archive post, use $archive-post-hover-border-left when hover it.
-$archive-post-border-left: 1px solid $gray !default;
-$archive-post-hover-border-left: 3px solid $theme-color !default;
-
-// Transition of the archive post when hover it.
-$archive-post-hover-transition: 0.2s ease-out !default;
-
-// Transform of the archive post when hover it.
-$archive-post-hover-transform: translateX(4px) !default;
-
-// ========== General Terms ========== //
-// Font size of the terms title.
-$terms-title-size: 18px !default;
-
-// Border bottom of the terms title.
-$terms-title-border-bottom: 2px solid $theme-color !default;
-
-// Margin of the terms link.
-$terms-link-margin: 5px 10px !default;
-
-// Font size of the terms count
-$terms-count-font-size: 12px !default;
diff --git a/src/css/style.scss b/src/css/style.scss
deleted file mode 100644
index 5bdac04..0000000
--- a/src/css/style.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@import "_custom/custom";
-@import "_variables";
-
-@import "_common/utils";
-@import "_common/animation";
-
-@import "_base";
-@import "_iconfont";
-@import "_partial/header";
-@import "_partial/post";
-@import "_partial/pagination";
-@import "_partial/footer";
-@import "_partial/archive";
-@import "_partial/terms";
-@import "_partial/slideout";
-@import "_partial/mobile";
-@import "_partial/back-to-top";
-@import "_partial/404";