2020-09-12 22:34:39 +02:00
![Stack ](https://i.imgur.com/cCiHOGS.jpg )
2020-08-23 08:55:34 +02:00
# Hugo Theme Stack
2020-09-12 13:33:36 +02:00
2020-09-12 22:34:39 +02:00
> Card-style Hugo theme designed for bloggers.
2020-08-24 23:22:38 +02:00
2022-03-06 11:17:03 +01:00
## Quickstart
Use this template: [CaiJimmy/hugo-theme-stack-starter ](https://github.com/CaiJimmy/hugo-theme-stack-starter )
2020-09-07 12:13:51 +02:00
## Demo
2022-01-03 14:15:05 +01:00
[Example Site ](https://demo.stack.jimmycai.com/ )
2020-09-07 12:13:51 +02:00
2020-09-12 22:34:39 +02:00
[![Netlify Status ](https://api.netlify.com/api/v1/badges/a2d2807a-a905-4bcb-97da-8da8d847da3d/deploy-status )](https://app.netlify.com/sites/hugo-theme-stack/deploys)
2021-07-09 13:04:30 +02:00
## Documentation
2020-09-12 13:33:36 +02:00
2021-07-04 18:41:50 +02:00
[Documentation ](https://docs.stack.jimmycai.com/ ) | [中文文档 ](https://docs.stack.jimmycai.com/zh/ )
2020-09-12 13:33:36 +02:00
2020-09-12 22:34:39 +02:00
## Introduction
2020-09-07 12:13:51 +02:00
2020-09-12 22:34:39 +02:00
Stack is a simple card-style Hugo theme designed for bloggers, some of its features are:
2020-09-07 12:13:51 +02:00
2020-09-12 22:34:39 +02:00
- Responsive images support
- Lazy load images
- Dark mode
2020-12-23 22:37:21 +01:00
- Local search
2020-09-12 22:34:39 +02:00
- [PhotoSwipe ](https://photoswipe.com/ ) integration
- Archive page template
- Full native JavaScript, no jQuery or any other frameworks are used
- No CSS framework, keep it simple and minimal
- Properly cropped thumbnails
2020-12-23 22:37:21 +01:00
- Subsection support
2021-06-21 18:44:54 +02:00
- Table of contents
2022-03-06 11:17:03 +01:00
- Multilingual mode and RTL support
2020-09-12 22:34:39 +02:00
## Requirements
2021-08-08 17:39:33 +02:00
It's necessary to use **Hugo Extended ≥ 0.87.0** .
2020-08-23 08:55:34 +02:00
## Installation
2022-03-20 12:42:28 +01:00
* Route 1: Clone / Download this repository to `themes` folder
2022-01-20 11:16:28 +01:00
* Route 2: Turn your site into a hugo module and add this theme as a module dependency
Edit your site config following `exampleSite/config.yaml` .
2021-07-09 13:04:30 +02:00
*Note: Remove `config.toml` if there is one in the site folder.*
2020-08-23 08:55:34 +02:00
2020-12-23 22:37:21 +01:00
Check [documentation ](https://docs.stack.jimmycai.com/ ) for more details.
2020-09-12 22:34:39 +02:00
2020-08-23 08:55:34 +02:00
## Copyright
2020-09-07 12:13:51 +02:00
**Licensed under the GNU General Public License v3.0**
Please do not remove the "*Theme Stack designed by Jimmy*" text and link.
2020-09-12 22:34:39 +02:00
If you want to port this theme to another blogging platform, please let me know🙏.
2020-10-05 00:32:57 +02:00
## Sponsoring
2020-12-23 22:37:21 +01:00
If you like this theme, give it a star, and consider supporting its development:
2020-10-05 00:32:57 +02:00
2020-12-23 13:20:53 +01:00
[![ko-fi ](https://www.ko-fi.com/img/githubbutton_sm.svg )](https://ko-fi.com/C0C530AXX)
2020-10-05 00:32:57 +02:00
Your support is greatly appreciated :)
2020-09-07 12:13:51 +02:00
## Thanks to
2020-08-23 08:55:34 +02:00
2021-07-09 13:04:30 +02:00
| Project | Description | Licence |
| ------- | ----------- | ------- |
| [PhotoSwipe ](https://photoswipe.com/ ) | For the lightbox effect | [MIT ](https://github.com/dimsemenov/PhotoSwipe/blob/master/LICENSE ) |
| [Normalize.css ](https://github.com/necolas/normalize.css ) | - | [MIT ](https://github.com/necolas/normalize.css/blob/master/LICENSE.md ) |
| [Node Vibrant ](https://github.com/Vibrant-Colors/node-vibrant ) | To extract the color from images | [MIT ](https://github.com/Vibrant-Colors/node-vibrant/blob/master/LICENSE.md )
| [Tabler icons ](https://github.com/tabler/tabler-icons ) | Default menu icons | [MIT ](https://github.com/tabler/tabler-icons/blob/master/LICENSE ) |
| [jonsuh/hamburgers ](https://github.com/jonsuh/hamburgers ) | Hamburger icon of menu | [MIT ](https://github.com/jonsuh/hamburgers/blob/master/LICENSE ) |
| [lepture/yue.css ](https://github.com/lepture/yue.css ) | Part of it is used for styling article content | MIT |
| [Typlog ](https://typlog.com/ ) | Where the markdown gallery syntax is borrowed from | The author gave me the permission |
| [Pure CSS implementation of Google Photos / 500px image layout ](https://github.com/xieranmaya/blog/issues/6 ) | Used for image gallery | - |
### References
Some references that I took while building this theme:
| Project | Licence|
| ------- | ------|
| [artchen/hexo-theme-element ](https://github.com/artchen/hexo-theme-element ) | [MIT ](https://github.com/artchen/hexo-theme-element/blob/master/LICENSE ) |
2022-01-03 14:15:05 +01:00
| [MunifTanjim/minimo ](https://github.com/MunifTanjim/minimo ) | [MIT ](https://github.com/MunifTanjim/minimo/blob/master/LICENSE ) |