50 lines
1.7 KiB
Markdown
50 lines
1.7 KiB
Markdown
title: Gallery Example
|
|
date: 2016-07-08 00:00:00
|
|
photos:
|
|
- https://www.hdwallpapers.net/previews/starry-night-over-corsica-986.jpg
|
|
- https://www.hdwallpapers.net/previews/water-plant-close-up-979.jpg
|
|
- https://www.hdwallpapers.net/previews/winter-day-at-yosemite-national-park-971.jpg
|
|
- https://www.hdwallpapers.net/previews/vatnajokull-national-park-iceland-899.jpg
|
|
tags:
|
|
---
|
|
To add a photo gallery placeholder to your post, just add the following lines to your front-matter:
|
|
```yml
|
|
photos:
|
|
- https://www.hdwallpapers.net/previews/starry-night-over-corsica-986.jpg
|
|
- https://www.hdwallpapers.net/previews/water-plant-close-up-979.jpg
|
|
- ...
|
|
```
|
|
<!-- more -->
|
|
and enable `lightgallery` plugin in your `_config.yml`:
|
|
```diff
|
|
# Plugins
|
|
plugins:
|
|
+ lightgallery: true # options: true, false
|
|
google_analytics: # enter the tracking ID for your Google Analytics
|
|
...
|
|
```
|
|
|
|
You can also add photos between text to create another gallery like this:
|
|
|
|
|
|
|
|
or this:
|
|
|
|
|
|
|
|
Finally, you can also use Justified Gallery to display you photos in a grid:
|
|
|
|
```diff
|
|
# Plugins
|
|
plugins:
|
|
+ justifiedgallery: true # options: true, false
|
|
google_analytics: # enter the tracking ID for your Google Analytics
|
|
...
|
|
```
|
|
|
|
<div class="justified-gallery">
|
|
|
|
|
|
|
|
|
|
</div> |