diff --git a/content/post/hello-world/index.md b/content/post/hello-world/index.md index 34e8f8d..fc23592 100644 --- a/content/post/hello-world/index.md +++ b/content/post/hello-world/index.md @@ -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! diff --git a/content/post/image-gallery/1.jpg b/content/post/image-gallery/1.jpg new file mode 100644 index 0000000..3f1f905 Binary files /dev/null and b/content/post/image-gallery/1.jpg differ diff --git a/content/post/image-gallery/2.jpg b/content/post/image-gallery/2.jpg new file mode 100644 index 0000000..d19214e Binary files /dev/null and b/content/post/image-gallery/2.jpg differ diff --git a/content/post/image-gallery/index.md b/content/post/image-gallery/index.md new file mode 100644 index 0000000..94bc377 --- /dev/null +++ b/content/post/image-gallery/index.md @@ -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/) \ No newline at end of file