diff --git a/blog/animation.md b/blog/animation.md
index 41d2a73..2988b40 100644
--- a/blog/animation.md
+++ b/blog/animation.md
@@ -1,3 +1,7 @@
+---
+date: 2023-04-01
+---
+
 # Text to (animated) diagrams
 
 This is a single SVG file created purely through D2 text:
diff --git a/blog/ascii.md b/blog/ascii.md
index 80e62ca..b487051 100644
--- a/blog/ascii.md
+++ b/blog/ascii.md
@@ -1,3 +1,7 @@
+---
+date: 2025-08-02
+---
+
 import CodeBlock from '@theme/CodeBlock';
 import Example from '@site/static/d2/ascii-ex.d2';
 
diff --git a/blog/c4.md b/blog/c4.md
index c8a2b76..19a39e0 100644
--- a/blog/c4.md
+++ b/blog/c4.md
@@ -1,3 +1,7 @@
+---
+date: 2025-04-02
+---
+
 import CodeBlock from '@theme/CodeBlock';
 import C4 from '@site/static/d2/c4.d2';
 import C4View1 from '@site/static/d2/c4-view1.d2';
diff --git a/blog/dark_mode.md b/blog/dark_mode.md
index f3d1114..e7569f7 100644
--- a/blog/dark_mode.md
+++ b/blog/dark_mode.md
@@ -1,4 +1,5 @@
 ---
+date: 2023-03-04
 title: Dark-mode responsive diagrams
 description: How diagrams in D2 are responsive to dark mode
 slug: dark-mode
diff --git a/blog/powerpoint.md b/blog/powerpoint.md
index b1aa768..f81eb70 100644
--- a/blog/powerpoint.md
+++ b/blog/powerpoint.md
@@ -1,4 +1,5 @@
 ---
+date: 2023-04-18
 title: Text to PowerPoint
 description: Creating PowerPoint presentations from text with diagrams
 slug: powerpoint
diff --git a/blog/sketch.md b/blog/sketch.md
index 71ec436..cdabdbe 100644
--- a/blog/sketch.md
+++ b/blog/sketch.md
@@ -1,4 +1,5 @@
 ---
+date: 2023-03-11
 title: Hand-drawn diagram aesthetic
 description: How you can make diagrams look hand-drawn in D2
 slug: hand-drawn-diagrams