https://github.com/neverbot/hexo-gallery-slider
A responsive gallery slider plugin for Hexo that creates image and video galleries in your posts.
https://github.com/neverbot/hexo-gallery-slider
gallery hexo hexo-plugin
Last synced: 5 months ago
JSON representation
A responsive gallery slider plugin for Hexo that creates image and video galleries in your posts.
- Host: GitHub
- URL: https://github.com/neverbot/hexo-gallery-slider
- Owner: neverbot
- License: mit
- Created: 2025-05-22T15:12:54.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-05-24T15:09:58.000Z (about 1 year ago)
- Last Synced: 2025-10-02T06:44:46.283Z (9 months ago)
- Topics: gallery, hexo, hexo-plugin
- Language: JavaScript
- Homepage:
- Size: 430 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# hexo-gallery-slider
[](https://www.npmjs.com/package/hexo-gallery-slider)
[](https://www.npmjs.com/package/hexo-gallery-slider)
[](https://github.com/neverbot/hexo-gallery-slider/blob/master/LICENSE)
[](https://www.npmjs.com/package/hexo-gallery-slider)
A responsive gallery slider plugin for Hexo that creates image and video galleries in your posts.
## Features
- Touch-friendly navigation.
- Smooth transitions.
- Pagination dots.
- Image counter display.
- Previous/Next navigation buttons.
- Support for both single images and multiple image galleries.
- Automatic FontAwesome integration.
## Installation
```bash
npm install hexo-gallery-slider --save
```
## Dependencies
This plugin requires `hexo-fontawesome` for navigation icons. It will be automatically installed as a dependency.
## Usage
### Basic Gallery
To create a gallery with multiple images:
```
{% gallery image1.jpg image2.jpg image3.jpg %}
```
### Single Image
For a single image with the gallery styling:
```
{% gallery image.jpg %}
```
### Video Support
The plugin also supports MP4 videos:
```
{% gallery video.mp4 %}
```
Or mix videos and images in a gallery:
```
{% gallery image1.jpg video.mp4 image2.jpg %}
```
## File Paths
Use relative paths from your post's location.
## License
MIT