feat: add table support in markdown

assets/scss/app.scss

@@ -19,6 +19,7 @@
 @import "components/forms";
 @import "components/images";
 @import "components/search";
+@import "components/tables";
 @import "layouts/footer";
 @import "layouts/header";
 @import "layouts/pages";

assets/scss/common/_dark.scss

@@ -291,3 +291,7 @@ body.dark .alert-primary {
 body.dark .figure-caption {
   color: $body-color-dark;
 }
+
+body.dark table {
+  @extend .table-dark;
+}

assets/scss/components/_tables.scss

@@ -0,0 +1,5 @@
+table {
+  @extend .table;
+
+  margin: 3rem 0;
+}

config/_default/config.toml

@@ -45,6 +45,12 @@ rel  = "sitemap"
   [markup.goldmark]
     [markup.goldmark.extensions]
       linkify = false
+    [markup.goldmark.parser]
+      autoHeadingID = true
+      autoHeadingIDType = "github"
+      [markup.goldmark.parser.attribute]
+        block = true
+        title = true
     [markup.goldmark.renderer]
       unsafe = true
   [markup.highlight]

config/postcss.config.js

@@ -8,10 +8,16 @@ module.exports = {
     purgecss({
       content: [
         './layouts/**/*.html',
-        './content/**/*.md',      
+        './content/**/*.md',
       ],
       safelist: [
         'lazyloaded',
+        'table',
+        'thead',
+        'tbody',
+        'tr',
+        'th',
+        'td',
         ...whitelister([
           './assets/scss/components/_code.scss',
           './assets/scss/components/_search.scss',