https://github.com/bhaskarvk/hugo-skeletonfw-theme

Minimalist Blog Theme for Hugo
https://github.com/bhaskarvk/hugo-skeletonfw-theme

hugo hugo-theme theme

Last synced: 3 months ago
JSON representation

Minimalist Blog Theme for Hugo

• Host: GitHub
• URL: https://github.com/bhaskarvk/hugo-skeletonfw-theme
• Owner: bhaskarvk
• License: mit
• Archived: true
• Created: 2017-03-16T22:43:53.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-16T21:50:12.000Z (over 7 years ago)
• Last Synced: 2024-04-25T21:43:52.140Z (8 months ago)
• Topics: hugo, hugo-theme, theme
• Language: CSS
• Homepage: https://bhaskarvk.github.io/hugo-skeletonfw-theme/
• Size: 24.2 MB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# hugo-skeletonfw-theme

## Information

[![The MIT License](https://img.shields.io/badge/license-MIT-orange.svg?style=flat-square)](http://opensource.org/licenses/MIT)

Responsive theme for [Hugo](https://gohugo.io/) based on [skeleton-framework](https://skeleton-framework.github.io/) suitable for blogs. This started as a fork of [hugo-theme-skeleton](https://github.com/jblawatt/hugo-theme-skeleton) but deviated so quickly that I no longer see the need to keep this repo as a fork of the original.

This theme provides...

- HTML 5 [semantic tags](https://www.w3schools.com/html/html5_semantic_elements.asp)

- Responsive Design

- Table of Contents

- Tags/Series Pages

- Social Media Buttons

- Typography Fonts

## Uses

- [stylus](http://stylus-lang.com/) for writing CSS.

- [fontawesome](http://fontawesome.io/) for icon fonts.

- [skeleton-framework](https://skeleton-framework.github.io/) on top of [normalize](https://necolas.github.io/normalize.css/) for styling.

- [Balloon.css](https://kazzkiq.github.io/balloon.css/) for hover tooltips.

- [lightbox2](http://lokeshdhakar.com/projects/lightbox2/) for images.

- [be Lazy.js](http://dinbror.dk/blazy/) for lazy loading images/iframes.

- [highlight.js](https://highlightjs.org/) for syntax highlighting.

- [jQuery](https://jquery.com) for some javascript based effects.

## Screenshots

### Structure of Home Page

![](images/theme-home-structure.png)

### Home Page

![](images/theme-home.png)

### Post

![](images/theme-page.png)

## Develop

The stylesheet is written in [stylus](http://stylus-lang.com/). You will need `npm`, `yarn` and `gulp`.

```bash

npm install -g yarn

npm install -g gulp

git clone https://github.com/bhaskarvk/hugo-skeletonfw-theme

cd hugo-skeletonfw-theme

yarn # To install required dependencies

yarn run build # To compile src/css/styles.styl stylus file.

```