2020-09-12 22:34:39 +02:00
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
2020-09-07 12:13:51 +02:00
## Demo
2020-09-08 23:49:06 +02:00
[Example Site ](https://theme-stack.jimmycai.com/ )
2020-09-07 12:13:51 +02:00
2020-09-12 22:34:39 +02:00
[](https://app.netlify.com/sites/hugo-theme-stack/deploys)
2020-09-12 13:33:36 +02:00
## Documentation & more information
2020-09-12 22:34:39 +02:00
[Documentation ](https://www.notion.so/jimmycai/Hugo-Theme-Stack-511aec5b9ed845ce9b6e3ae0bf7fb6d4 ) | [中文文档 ](https://www.notion.so/jimmycai/Hugo-Theme-Stack-511aec5b9ed845ce9b6e3ae0bf7fb6d4 )
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
- [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
- External dependencies (like PhotoSwipe's library) are being loaded selectively, or asynchronously
- Properly cropped thumbnails
2020-08-23 08:55:34 +02:00
2020-09-12 22:34:39 +02:00
The only JavaScript library being used is [node-vibrant ](https://github.com/Vibrant-Colors/node-vibrant ) for generating colour schemes for articles.
2020-08-23 08:55:34 +02:00
2020-09-12 22:34:39 +02:00
## Requirements
2020-09-13 12:16:43 +02:00
This theme uses SCSS and TypeScript. For that reason, it's necessary to use **Hugo ≥ 0.74.0** .
**Note**: You'll need Hugo Extended version to edit SCSS files
2020-08-23 08:55:34 +02:00
## Installation
Clone / Download this repository to `theme` folder, and edit your site config following `exampleSite/config.toml` .
2020-09-12 22:34:39 +02:00
Check [documentation ](https://www.notion.so/jimmycai/Hugo-Theme-Stack-511aec5b9ed845ce9b6e3ae0bf7fb6d4 ) for more details.
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
If you like this theme, consider supporting its development:
2020-10-05 00:37:23 +02:00
< a href = "https://www.buymeacoffee.com/jimmycai" target = "_blank" > < img src = "https://cdn.buymeacoffee.com/buttons/v2/default-green.png" alt = "Buy Me A Coffee" height = "60px" width = "217px" > < / a >
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
- [Vibrant-Colors/node-vibrant ](https://github.com/Vibrant-Colors/node-vibrant )
- [Normalize.css ](https://necolas.github.io/normalize.css/ )
- [Tabler icons ](https://tablericons.com/ )
- [Pure CSS implementation of Google Photos / 500px image layout ](https://github.com/xieranmaya/blog/issues/6 )
2020-09-07 12:13:51 +02:00
- [jonsuh/hamburgers ](https://github.com/jonsuh/hamburgers )
- [PhotoSwipe ](https://photoswipe.com/ )
2020-08-23 08:55:34 +02:00
- [artchen/hexo-theme-element ](https://github.com/artchen/hexo-theme-element )
2020-09-06 21:04:51 +02:00
- [MunifTanjim/minimo ](https://github.com/MunifTanjim/minimo )
2020-09-09 13:23:18 +02:00
- [lepture/yue.css ](https://github.com/lepture/yue.css )
2020-10-05 00:32:57 +02:00
- Markdown gallery syntax from [Typlog ](https://typlog.com/ )
