Sam is a Simple and Minimalist theme for Hugo. It lets you categorize and showcase your content the way you want to.
Focused on content and typography, the stylized index page is really just a list of navigation links that you can set in your config.toml. This versatile design is limited only by your imagination, as you can make it say anything you like. Here are some ideas.
Content-focused page templates for list pages, single pages, and posts
A responsive CSS grid gallery page that renders from a folder of images
Custom navigation menu set via config.toml
Custom footer text
Share-ready pages with Open Graph and Twitter metadata you can customize in config.toml and page front-matter
Effortless use of Hugo Pipes to generate CSS from Sass files
From the exampleSite, copy config.toml to the root folder of your Hugo site and change the fields as you like. There are helpful hints in the file.
3. Create pages
$ hugo new page.md
Where page can be anything you like. A contact page, a bio, dates for your upcoming world tour… Anything!
4. Design your main menu and index page
In config.toml, customize the entries for [[params.mainMenu]] however you like. You can have as many or as few entries as you like. You can even include external links.
This list comprises the index page and part of the navigation menu at the bottom of single content pages. Here’s an example:
link = "/photography"
text = "photography"
link = "/posts"
text = "writing"
link = "/about"
text = "who dis?"
Preview your site locally
Use Hugo’s built-in server to see your site in action as you make changes.
$ hugo serve -t sam
Visit localhost:1313 in your browser to see a live preview of your site.
To create a new post, run:
$ hugo new posts/your-post-title.md
To create an image gallery, place all the files you want included in a folder called “images” (you can change the name of the “images” folder in config.toml if you wish). Place your “images” folder in a subfolder of content/ with any name. The directory structure then looks like this:
To automagically generate a gallery from the images, set type: "gallery" in the front-matter of _index.md. The gallery title is defined in the front-matter as well. You can also optionally define the page URL using url. Here is an example of a gallery’s _index.md: