feat: add image gallery example post

This commit is contained in:
Jimmy Cai 2023-08-26 11:13:41 +00:00
parent 0204461286
commit 7a8231a5e9
4 changed files with 23 additions and 0 deletions

View file

@ -8,6 +8,7 @@ categories:
- Example Category - Example Category
tags: tags:
- Example Tag - Example Tag
weight: 1 # You can add weight to some posts to override the default sorting (date descending)
--- ---
Welcome to Hugo theme Stack. This is your first post. Edit or delete it, then start writing! Welcome to Hugo theme Stack. This is your first post. Edit or delete it, then start writing!

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View file

@ -0,0 +1,22 @@
---
title: Image gallery
description: Create beautiful interactive image gallery using Markdown
date: 2023-08-26 00:00:00+0000
image: 2.jpg
---
Hugo theme Stack supports the creation of interactive image galleries using Markdown. It's powered by [PhotoSwipe](https://photoswipe.com/) and its syntax was inspired by [Typlog](https://typlog.com/).
To use this feature, the image must be in the same directory as the Markdown file, as it uses Hugo's page bundle feature to read the dimensions of the image. **External images are not supported.**
## Syntax
```markdown
![Image 1](1.jpg) ![Image 2](2.jpg)
```
## Result
![Image 1](1.jpg) ![Image 2](2.jpg)
> Photo by [mymind](https://unsplash.com/@mymind) and [Luke Chesser](https://unsplash.com/@lukechesser) on [Unsplash](https://unsplash.com/)