feat: add image gallery example post
This commit is contained in:
parent
0204461286
commit
7a8231a5e9
4 changed files with 23 additions and 0 deletions
|
@ -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!
|
||||||
|
|
BIN
content/post/image-gallery/1.jpg
Normal file
BIN
content/post/image-gallery/1.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
BIN
content/post/image-gallery/2.jpg
Normal file
BIN
content/post/image-gallery/2.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 37 KiB |
22
content/post/image-gallery/index.md
Normal file
22
content/post/image-gallery/index.md
Normal 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/)
|
Loading…
Reference in a new issue