{{ .Title }}
{{ range .Pages }}
{{ .Render "summary"}}
{{ end }}
{{}}
```
--------------------------------
### Post Front Matter Example
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/documentation/getting-started/quick-start/index.md
Example of the front matter for a new post, including title, date, and draft status. Content added to the body will be rendered if 'draft' is set to false.
```markdown
---
title: My First Post
date: 2024-03-01T17:10:04+08:00
draft: true
---
```
--------------------------------
### Example Usage of Env and Youtube Shortcodes
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/documentation/content-management/shortcodes/built-in/index.md
Demonstrates how to use the `env` shortcode to conditionally render content and the `youtube` shortcode to embed a YouTube video.
```go-html-template
{{< env "production" >}}
{{< youtube 2xkNJL4gJ9E >}}
{{< /env >}}
```
--------------------------------
### Install Algolia Atomic
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/guides/algolia-atomic/index.md
Install the `atomic-algolia` package using npm. This tool helps in uploading your generated `search.json` file to Algolia.
```bash
npm install atomic-algolia
```
--------------------------------
### Initialize npm Project
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/guides/algolia-atomic/index.md
Run this command in your project's root directory to create a `package.json` file if one does not already exist. This is necessary for installing Node.js dependencies.
```bash
npm init
```
--------------------------------
### Line Decorations Diagram Example
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/documentation/content-management/diagrams-support/goat/index.md
This GoAT example showcases the use of various line decorations, arrows, and symbols to create intricate diagrams. The output is an SVG.
```goat
________ o * * .--------------.
*---+--. | | o o | ^ \ / | .----------. |
| | '--* -+- | | v / \ / | | <------. | |
| '-----> .---(---' --->*<--- / .+->*<--o----' | | | | |
<--' ^ ^ | | | | | ^ \ | '--------' | |
\/ *-----' o |<----->| '-----' |__| v '------------' |
/\ *---------------'
```
--------------------------------
### Link with Download Attribute
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/documentation/content-management/shortcodes/extended/introduction/index.md
Demonstrates using the 'download' attribute with the 'link' shortcode to enable file downloads. Shows examples with and without the 'card' parameter.
```markdown
{{}}
{{}}
```
--------------------------------
### Archetype Example
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/documentation/content-management/introduction/index.md
Demonstrates how to use Hugo's 'new' command with an archetype to create new content, automatically including front matter.
```bash
hugo new posts/foo.md
```
--------------------------------
### MathJax Physics Package Example
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/documentation/content-management/mathjax-support/index.md
Demonstrates the usage of the 'physics' extension for typesetting quantum mechanics notation.
```tex
$$ \mqty(a & b \\ c & d) = \begin{pmatrix} a & b \\ c & d
end{pmatrix} $$
```
--------------------------------
### Mermaid Sequence Diagram Example
Source: https://github.com/hugo-fixit/docs/blob/main/content/en/documentation/content-management/shortcodes/extended/mermaid/index.md
Example of creating a sequence diagram using the mermaid shortcode. This illustrates participant interactions and notes.
```markdown
{{
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->John: Fight against hypochondria
end
Note right of John: Rational thoughts 