Git Product home page Git Product logo

hugo-smorg's Introduction

hugo-smorg

Hugo-smorg (small-org? smorgasbord?) is a responsive mobile-first Bulma-powered, reasonably minimalistic Hugo (https://gohugo.io/) theme for an individual blogger or a small organization to adapt as need be.

Current release: v0.7, April 4 2018 - see CHANGELOG; this project is being updated daily at present - following HEAD is best. If you are using the theme and spot issues or areas for improvement please let me know by opening an issue or submitting a PR.

An ongoing work in progress, I'm using Hugo-Smorg as a base for other projects.

Objectives

  • Remain easy to understand while also being easy to extend.
  • Keep pace with current Hugo features and practicies.
  • Avoid relying on config.yaml for too much customization.
  • Keep HTML customizability effort low using template blocks and partials and CSS customizability options open via SASS / CSS.
  • Produce output that will validate and load quickly by default.

Features

Hugo-smorg is:

  • Mobile first thanks to Bulma, a SASS CSS framework alternative to Bootstrap.
  • Themable itself via Bulmaswatch.
  • Minimalistic in nature.

And offers:

  • Simple "Subsection" pages possible with layout:subsection in front-matter.
  • Breadcrumb-menu in subsection layout, available to others.
  • Produces Atom syndication format with option to disable RSS.
  • JSON-LD microdata
  • Category and Tag taxonomies (partial page-meta)
  • Themed mobile-friendly pagination.
  • Includes syntax highlighting with a choice of colour themes.
  • By default uses zero-wait modern system font stacks; easy integration with a webfont via a couple lines of SASS and npm run scss:min.

Screenshot

See the demo site for a live view.

Installation

  1. Clone the repo:

    git clone --recursive https://github.com/solutionroute/hugo-smorg.git

  2. To view the theme:

    cd exampleSite hugo server

  3. (Optionally) install development dependencies:

To adapt the provided SASS produced CSS you'll need to install SASS and Bulma at the very least; the least painful way to go about this is via Nodejs and npm; Once those tools are installed, in the hugo-smorg theme directory:

npm install

This will install the dependencies listed in package.json including Bulma and node-sass. You'll also find some handy run scripts including npm run dev which will build your site and SCSS/CSS files and reload automatically.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.