feat: add table support in markdown

gethyas · Mar 5, 2021 · 5ee11a8 · 5ee11a8
1 parent 6a2d1ec
commit 5ee11a8
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 1 deletion.
diff --git a/assets/scss/app.scss b/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";

diff --git a/assets/scss/common/_dark.scss b/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;
+}
diff --git a/assets/scss/components/_tables.scss b/assets/scss/components/_tables.scss
@@ -0,0 +1,5 @@
+table {
+  @extend .table;
+
+  margin: 3rem 0;
+}
diff --git a/config/_default/config.toml b/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]

diff --git a/config/postcss.config.js b/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',