{{ partial "icon.html" .Params.icon }}
{{ .Title }}
{{ .Description }}
{{}}
```
--------------------------------
### Create a New Blog Post with Front Matter
Source: https://github.com/nunocoracao/blowfish/blob/main/exampleSite/content/guides/202310-blowfish-tutorial/index.ja.md
Define the title, date, draft status, summary, and tags for a new blog post using Markdown front matter.
```md
---
title: "My first post"
date: 2023-08-14
draft: false
summary: "This is my first post on my site"
tags: ["space"]
---
## A sub-title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh nisl, vulputate eu lacus vitae, maximus molestie libero. Vestibulum laoreet, odio et sollicitudin sollicitudin, quam ligula tempus urna, sed sagittis eros eros ac felis. In tristique tortor vitae lacinia commodo. Mauris venenatis ultrices purus nec fermentum. Nunc sit amet aliquet metus. Morbi nisl felis, gravida ac consequat vitae, blandit eu libero. Curabitur porta est in dui elementum porttitor. Maecenas fermentum, tortor ac feugiat fringilla, orci sem sagittis massa, a congue risus ipsum vel massa. Aliquam sit amet nunc vulputate, facilisis neque in, faucibus nisl.
```
--------------------------------
### Leaf Page Directory Structure
Source: https://github.com/nunocoracao/blowfish/blob/main/exampleSite/content/docs/content-examples/index.md
Demonstrates the structure for leaf pages, which are standalone content pages without sub-pages. This includes examples of naming conventions and page bundles.
```shell
.
└── content
└── blog
├── first-post.md # /blog/first-post
├── second-post.md # /blog/second-post
└── third-post
├── index.md # /blog/third-post
└── image.jpg
```
--------------------------------
### Image Carousel Shortcode (16:9)
Source: https://github.com/nunocoracao/blowfish/blob/main/exampleSite/content/docs/shortcodes/index.md
Showcases multiple images in an interactive carousel. This example uses a specific list of image URLs and local paths with a default 16:9 aspect ratio.
```markdown
{{}}
```
--------------------------------
### Article Folder Structure for Thumbnails
Source: https://github.com/nunocoracao/blowfish/blob/main/exampleSite/content/docs/thumbnails/index.md
For single Markdown files, convert them into a folder structure with `index.md` to support thumbnail images.
```shell
content
└── awesome_article
└── index.md
```
--------------------------------
### Directory Structure for Leaf Pages
Source: https://github.com/nunocoracao/blowfish/blob/main/exampleSite/content/docs/content-examples/index.it.md
Structure content for leaf pages, which are standalone content items without sub-pages. This example shows how to organize blog posts, including those with bundled assets.
```shell
.\
└── content\
└── blog\
├── first-post.md # /blog/first-post
├── second-post.md # /blog/second-post
└── third-post
├── index.md # /blog/third-post
└── image.jpg
```
--------------------------------
### Initialize Hugo Modules
Source: https://github.com/nunocoracao/blowfish/blob/main/README.md
Initialize Hugo Modules in your project directory. This is required when managing the Blowfish theme using Hugo's module system.
```shell
hugo mod init github.com/