Skip to content

Commit 3cbd0c1

Browse files
authored
feat(seo): add per-article Open Graph images (#18)
Generate unique OG images for each blog post using Gemini AI, replacing the shared default image. Each image uses the dark brand background with a distinct accent color and illustration matching the article topic. Added og_image frontmatter to all 7 blog articles.
1 parent 6627795 commit 3cbd0c1

14 files changed

Lines changed: 7 additions & 0 deletions

File tree

content/ai-authoring-workflow/module.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ published: 03/15/2026
66
author: Cory LaNou
77
author_twitter: @corylanou
88
seo_description: Learn how to combine AI coding assistants like Claude with Hype's build-time validation to write technical documentation faster while keeping every code example correct.
9+
og_image: /images/og-ai-authoring.png
910
tags: tutorial, ai, authoring, workflow, claude, hype
1011
tweet: AI can write docs fast, but how do you trust the code examples? Combine Claude with Hype's build-time validation — every snippet is verified before publish.
1112
</details>

content/deploying-with-docker/module.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ published: 03/15/2026
66
author: Cory LaNou
77
author_twitter: @corylanou
88
seo_description: Deploy a Hype-powered blog site with Docker. Covers Dockerfile setup, Dokploy, Heroku, and generic VPS deployment with Docker Compose.
9+
og_image: /images/og-deploying-with-docker.png
910
tags: tutorial, docker, deployment, blog, hype
1011
tweet: Deploy a Hype-powered blog with Docker — from Dockerfile to production. Covers Dokploy, Heroku, and Docker Compose setups.
1112
</details>

content/engineering-handbook/module.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ published: 03/15/2026
66
author: Cory LaNou
77
author_twitter: @corylanou
88
seo_description: Use Hype to build an internal engineering handbook that stays in sync with your codebase. Executable examples, automated validation, and single-source documentation for your team.
9+
og_image: /images/og-engineering-handbook.png
910
tags: tutorial, engineering, handbook, automation, hype
1011
tweet: Your engineering handbook is probably wrong. Not because it was written badly — the code just changed. Here's how to make docs a build artifact with Hype.
1112
</details>

content/getting-started/module.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ published: 03/15/2026
66
author: Gopher Guides
77
author_twitter: @hype_markdown
88
seo_description: Learn how to install Hype, create your first dynamic Markdown document, and execute code blocks at build time.
9+
og_image: /images/og-getting-started.png
910
tags: tutorial, getting-started, hype
1011
tweet: What if your Markdown could execute code and catch errors before you publish? Get started with Hype — dynamic Markdown for Go developers.
1112
</details>

content/release-notes-pipeline/module.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ published: 03/15/2026
66
author: Cory LaNou
77
author_twitter: @corylanou
88
seo_description: Build a release notes pipeline using Hype with executable code snippets, automated validation, and version-aware documentation that ships with every release.
9+
og_image: /images/og-release-notes-pipeline.png
910
tags: tutorial, release-notes, ci-cd, pipeline, hype
1011
tweet: Bad release notes erode trust. Build a pipeline where every code example compiles, every command runs, and every API ref is verified at build time.
1112
</details>

content/single-source-docs/module.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ published: 03/15/2026
66
author: Cory LaNou
77
author_twitter: @corylanou
88
seo_description: Learn how to use Hype to maintain a single Markdown source that generates both your GitHub README and website documentation, keeping them permanently in sync.
9+
og_image: /images/og-single-source-docs.png
910
tags: tutorial, docs, workflow, hype
1011
tweet: Your README says one thing, your docs site says another. Write it once with Hype and generate both from a single source.
1112
</details>

content/training-materials/module.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ published: 03/15/2026
66
author: Cory LaNou
77
author_twitter: @corylanou
88
seo_description: Learn how to use Hype to build reusable training and course materials with executable code examples, file includes, and modular content that stays in sync with your codebase.
9+
og_image: /images/og-training-materials.png
910
tags: tutorial, training, education, includes, hype
1011
tweet: Training materials go stale the moment code changes. Use Hype to build courses with executable examples that stay in sync with your codebase.
1112
</details>

static/images/og-ai-authoring.png

886 KB
Loading
635 KB
Loading
542 KB
Loading

0 commit comments

Comments
 (0)