Hello World: Testing the Post Pipeline

Welcome to the first test post on DevLog. This post exists to verify that every Step 3 component works correctly.

Table of Contents Test

This post has multiple headings so the table of contents should appear. On desktop, it should be in the sidebar. On mobile, it should be inline above the content.

Callout Components

Code Blocks

Here is a JavaScript code block. It should have syntax highlighting and a copy button on hover:

function greet(name) {
  console.log(`Hello, ${name}!`);
  return { greeting: `Welcome to DevLog` };
}
 
greet('World');

And a CSS example:

.terminal-cursor {
  color: oklch(0.75 0.18 175);
  animation: blink 1s step-end infinite;
}

Tool Rating

Support CTA

Third Heading for TOC

This section exists to ensure the TOC has enough entries (3+ headings required).

A Nested Subheading

This h3 should appear indented in the TOC.

Wrapping Up

If you can see this post with all components rendered correctly, Step 3 is working. The Giscus comments section should appear below.