feat: custom css

_config.yml

@@ -1,4 +1,4 @@
-version: 1630473019367
+version: 1632282865958
 language: cn
 aomori_widgets:
   - toc

gulpfile.js

@@ -36,10 +36,9 @@ const fs   = require('fs');
 /* -------------------------------------------------------- */
 /* ------------------------  CSS  ------------------------- */
 
-gulp.task('css', function () {
-    return gulp
+gulp.task('css', async function () {
+    gulp
         .src([
-            'source/stylesheets/base.scss',
             'source/stylesheets/normalize.css',
             'source/stylesheets/spectre.min.css',
             'source/stylesheets/spectre-exp.min.css',
@@ -52,7 +51,15 @@ gulp.task('css', function () {
             'source/stylesheets/swiper-bundle.min.css',
             'source/stylesheets/plyr.css',
             'source/stylesheets/remark42.css',
-            'source/stylesheets/post.css',
+            'source/stylesheets/post.css'
+        ])
+        .pipe(concat('build.css'))
+        .pipe(cleanCSS())
+        .pipe(gulp.dest('source/dist'))
+
+    gulp
+        .src([
+            'source/stylesheets/base.scss',
             'source/stylesheets/style.scss',
         ])
         .pipe(
@@ -66,7 +73,7 @@ gulp.task('css', function () {
             })
         )
         .pipe(autoprefixer('last 2 version'))
-        .pipe(concat('build.css'))
+        .pipe(concat('custom.css'))
         .pipe(cleanCSS())
         .pipe(gulp.dest('source/dist'))
 })

layout/_partial/head.ejs

@@ -51,6 +51,8 @@
 
     <%- css(`/dist/build.css?v=${theme.version}`) %>
 
+    <%- css(`/dist/custom.css?v=${theme.version}`) %>
+
     <script>
         window.isPost = <%- is_post() %>
         window.aomori = {