Skip to content

yaleqc/hugo-theme-stack

 
 

Repository files navigation

Customizations for Yale QC

  • Params.hidden now takes "all" or "home" depending on the scope of the site users wish to hide the post from
    • "all": hide post from all post lists
    • "home": hide post from home page post list
    • This is probably not the best solution, but it's a quick fix for the functionality we needed..

Stack

Hugo Theme Stack

Card-style Hugo theme designed for bloggers.

Demo

Example Site

Netlify Status

Documentation & more information

Documentation | 中文文档

Introduction

Stack is a simple card-style Hugo theme designed for bloggers, some of its features are:

  • Responsive images support
  • Lazy load images
  • Dark mode
  • PhotoSwipe 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

The only JavaScript library being used is node-vibrant for generating colour schemes for articles.

Page Insight

Requirements

This theme uses SCSS and TypeScript. For that reason, it's necessary to use Hugo ≥ 0.74.0.

Use Hugo Extended version if you want to:

  • Use the latest feature/fix from master branch
  • Edit SCSS files

Compiled CSS are updated once per release.

Installation

Clone / Download this repository to theme folder, and edit your site config following exampleSite/config.toml.

Check documentation for more details.

Copyright

Licensed under the GNU General Public License v3.0

Please do not remove the "Theme Stack designed by Jimmy" text and link.

If you want to port this theme to another blogging platform, please let me know🙏.

Sponsoring

If you like this theme, consider supporting its development:

Buy Me A Coffee

Your support is greatly appreciated :)

Thanks to

Packages

No packages published

Languages

  • HTML 44.9%
  • SCSS 26.8%
  • TypeScript 19.9%
  • CSS 7.6%
  • JavaScript 0.8%