Authoring markdown posts in Hugo

February 2, 2025 1 min read #Hugo #Markdown

Writing Articles using Markdown

The following demonstrates how to create Markdown posts with Hugo.

![Porsche 911 RSR 2017](/images/porsche.webp)

renders as

Porsche 911 RSR 2017

{{< youtube lfGjtivHb-o >}}

renders as

Use triple backticks to create code blocks, and specify the language for syntax highlighting.

```typescript
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
```

renders as

console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');

{{< mermaid >}}
graph TD
    A --> B
    A --> C
    B --> D
    C --> D
{{< /mermaid >}}

renders as

graph TD A --> B A --> C B --> D C --> D