Clone home page design from Hexo V8.11.1.

assets/css/highlight.css

@@ -0,0 +1,212 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/
+
+pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em
+}
+
+code.hljs {
+    padding: 3px 5px
+}
+
+.hljs {
+    background: #f3f3f3;
+    color: #444
+}
+
+.hljs-comment {
+    color: #697070
+}
+
+.hljs-punctuation,
+.hljs-tag {
+    color: #444a
+}
+
+.hljs-tag .hljs-attr,
+.hljs-tag .hljs-name {
+    color: #444
+}
+
+.hljs-attribute,
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-name,
+.hljs-selector-tag {
+    font-weight: 700
+}
+
+.hljs-deletion,
+.hljs-number,
+.hljs-quote,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-string,
+.hljs-template-tag,
+.hljs-type {
+    color: #800
+}
+
+.hljs-section,
+.hljs-title {
+    color: #800;
+    font-weight: 700
+}
+
+.hljs-link,
+.hljs-operator,
+.hljs-regexp,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-symbol,
+.hljs-template-variable,
+.hljs-variable {
+    color: #ab5656
+}
+
+.hljs-literal {
+    color: #695
+}
+
+.hljs-addition,
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code {
+    color: #397300
+}
+
+.hljs-meta {
+    color: #1f7199
+}
+
+.hljs-meta .hljs-string {
+    color: #38a
+}
+
+.hljs-emphasis {
+    font-style: italic
+}
+
+.hljs-strong {
+    font-weight: 700
+}
+
+/*!
+  Theme: StackOverflow Dark
+  Description: Dark theme as used on stackoverflow.com
+  Author: stackoverflow.com
+  Maintainer: @Hirse
+  Website: https://github.com/StackExchange/Stacks
+  License: MIT
+  Updated: 2021-05-15
+
+  Updated for @stackoverflow/stacks v0.64.0
+  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
+  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
+*/
+@media (prefers-color-scheme: dark) {
+    pre code.hljs {
+        display: block;
+        overflow-x: auto;
+        padding: 1em
+    }
+
+    code.hljs {
+        padding: 3px 5px
+    }
+
+    .hljs {
+        color: #fff;
+        background: #1c1b1b
+    }
+
+    .hljs-subst {
+        color: #fff
+    }
+
+    .hljs-comment {
+        color: #999
+    }
+
+    .hljs-attr,
+    .hljs-doctag,
+    .hljs-keyword,
+    .hljs-meta .hljs-keyword,
+    .hljs-section,
+    .hljs-selector-tag {
+        color: #88aece
+    }
+
+    .hljs-attribute {
+        color: #c59bc1
+    }
+
+    .hljs-name,
+    .hljs-number,
+    .hljs-quote,
+    .hljs-selector-id,
+    .hljs-template-tag,
+    .hljs-type {
+        color: #f08d49
+    }
+
+    .hljs-selector-class {
+        color: #88aece
+    }
+
+    .hljs-link,
+    .hljs-regexp,
+    .hljs-selector-attr,
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-template-variable,
+    .hljs-variable {
+        color: #b5bd68
+    }
+
+    .hljs-meta,
+    .hljs-selector-pseudo {
+        color: #88aece
+    }
+
+    .hljs-built_in,
+    .hljs-literal,
+    .hljs-title {
+        color: #f08d49
+    }
+
+    .hljs-bullet,
+    .hljs-code {
+        color: #ccc
+    }
+
+    .hljs-meta .hljs-string {
+        color: #b5bd68
+    }
+
+    .hljs-deletion {
+        color: #de7176
+    }
+
+    .hljs-addition {
+        color: #76c490
+    }
+
+    .hljs-emphasis {
+        font-style: italic
+    }
+
+    .hljs-strong {
+        font-weight: 700
+    }
+}

assets/css/style.css

@@ -0,0 +1,13 @@
+/** User-defined style. **/
+
+.sidebar {
+  visibility: inherit;
+}
+
+.site-author-image {
+  border-radius:0;
+}
+
+.back-to-top {
+  bottom: 30px;
+}