added table support in markdown

main.go

@@ -16,6 +16,7 @@ import (
 	"time"
 
 	"github.com/yuin/goldmark"
+	"github.com/yuin/goldmark/extension"
 	"github.com/yuin/goldmark-highlighting"
 	"golang.org/x/crypto/bcrypt"
 )
@@ -83,9 +84,12 @@ var (
 
 func newMarkdownRenderer() goldmark.Markdown {
 	return goldmark.New(
-		goldmark.WithExtensions(highlighting.NewHighlighting(
-			highlighting.WithStyle("github"),
-		)),
+		goldmark.WithExtensions(
+			extension.Table,
+			highlighting.NewHighlighting(
+				highlighting.WithStyle("github"),
+			),
+		),
 	)
 }
 
@@ -466,9 +470,17 @@ const css = `<style>
 		--blockquote-border:#3498db;
 		--blockquote-text:#555;
 		--private-color:#95a5a6;
+		--table-border:#ddd;
+		--table-bg:#fafafa;
+		--table-header-bg:#f0f0f0;
+		--table-row-alt:#f5f5f5;
 	}
 	.dark{
 		--bg-color:#1e1e1e;
+		--table-border:#444;
+		--table-bg:#2a2a2a;
+		--table-header-bg:#333;
+		--table-row-alt:#252525;
 		--text-color:#e0e0e0;
 		--heading-color:#e0e0e0;
 		--nav-bg:#2c3e50;
@@ -509,6 +521,11 @@ const css = `<style>
 	.markdown-body pre{background:var(--code-bg);padding:1rem;border-radius:4px;overflow-x:auto;color:var(--code-text)}
 	.markdown-body code{background:var(--code-bg);padding:.1rem .3rem;border-radius:3px;font-family:monospace;font-size:.9rem;color:var(--code-text)}
 	.markdown-body blockquote{border-left:3px solid var(--blockquote-border);padding-left:1rem;margin-left:0;color:var(--blockquote-text)}
+	.markdown-body table{border-collapse:collapse;width:100%;margin:1rem 0;background:var(--table-bg);border:1px solid var(--table-border)}
+	.markdown-body th{padding:.75rem;text-align:left;border:1px solid var(--table-border);background:var(--table-header-bg);color:var(--heading-color);font-weight:600}
+	.markdown-body td{padding:.75rem;text-align:left;border:1px solid var(--table-border);color:var(--text-color)}
+	.markdown-body tr:nth-child(even) td{background:var(--table-row-alt)}
+	.markdown-body tr:nth-child(odd) td{background:var(--table-bg)}
 	.markdown-body pre code{background:transparent;padding:0;font-size:inherit}
 	.dark .chroma{color:var(--code-text)!important;background-color:var(--code-bg)!important}
 	.dark .chroma .lnt{color:var(--private-color)!important}