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
|
||||
tags:
|
||||
- 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!
|
||||
|
|
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