Skip to content
Hugrid (Hugo+grid) is a simple grid theme for Hugo. It's a kind of boilerplate to perform anyone or anything quickly. Portfolio, collection, bookmarks, contacts and so on.
HTML CSS
Branch: master
Clone or download
aerohub Merge pull request #19 from gcalmettes/master
Allow for multiple `og-grid` elements on the same page
Latest commit 6fd4b20 Aug 2, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
archetypes Initial commit Aug 17, 2016
exampleSite Allow to add custom CSS files. Dec 10, 2016
images Initial commit Aug 17, 2016
layouts correctly hide preview if item is the one being previewed Jul 29, 2018
static Fix fonts import url Sep 21, 2016
LICENSE.md
README.md Set GA code before the closing <head> Aug 25, 2016
theme.toml Initial commit Aug 17, 2016

README.md

Hugrid

Hugrid (Hugo+grid) is a simple grid theme for Hugo. It's a kind of boilerplate to perform anyone or anything quickly. Portfolio, collection, bookmarks, contacts and so on.

Origin

Hugrid is based on Codrops' Thumbnail Grid with Expanding Preview.

Demo

Features

  • Responsive design
  • Google Analytics

Screenshot

Hugrid screenshot

Contents

Installation

Inside the folder of your new Hugo site run:

$ mkdir themes
$ cd themes
$ git clone https://github.com/aerohub/hugrid

For more information read the official setup guide of Hugo.

Getting started

After installing the theme successfully it requires a just a few more steps to get your site running.

The config file

Take a look inside the exampleSite folder of this theme. You'll find a file called config.toml. To use it, copy the config.toml in the root folder of your Hugo site. Feel free to change the strings in this theme.

Data file

Take a look inside the exampleSite/data folder of this theme. You'll find a file called items.toml. To use it, copy the exampleSite/data folder in the root folder of your Hugo site. Change the strings in the items.toml with your data.

Nearly finished

In order to see your site in action, run Hugo's built-in local server.

$ hugo server -w

Now enter localhost:1313 in the address bar of your browser.

Contributing

Did you found a bug or got an idea for a new feature? Feel free to use the issue tracker to let me know. Or make directly a pull request.

License

This work is licensed under the MIT License. For more information read the License. And there are Original Codrops Licensing and Terms Of Use.

Annotations

Thanks

You can’t perform that action at this time.