Phugo [ˈfjuːgəʊ] is a gallery/photoblog theme for Hugo.
Branch: master
Clone or download
Latest commit b548339 Oct 9, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
archetypes Initial commit Oct 22, 2016
data Initial commit Oct 22, 2016
exampleSite document the hide option Oct 8, 2018
images Better screenshots Oct 22, 2016
layouts add an option to hide the contact form Oct 8, 2018
static/assets Initial commit Oct 22, 2016
LICENSE.md Initial commit Oct 22, 2016
README.md Make theme work with Hugo 0.18 based on didenko@64c0809 Mar 10, 2017
theme.toml Make theme work with Hugo 0.18 based on didenko@64c0809 Mar 10, 2017

README.md

Phugo

Phugo [ˈfjuːgəʊ] is a gallery/photoblog theme for Hugo. It is a port of HTML5 UP Multiverse template.

Screenshot

Orbit screenshot

Features

Original

  • Fully Responsive
  • HTML5 + CSS3
  • FontAwesome icons
  • Compatible with all modern browsers

Added

  • One level albums support
  • Google Analytics
  • Basic breadcrumbs
  • Working contact form

Demo

You can see it in action on Hugo Themes site.

Contents

Installation

  • Install Hugo and create a new site.
  • Install Phugo. Inside your new Hugo project run:
$ git clone https://github.com/aerohub/phugo themes/phugo
  • Take a look inside the exampleSite folder of this theme. You'll find a file called config.toml. Copy the config.toml into the root folder of your Hugo site.

Configuration

Open just-copied config.toml and fill it with your data. Pay attention on instructions for the contact form.

Now you are ready to create your first photopost/album.

Posting

Inside your project run:

$ hugo new NAME-OF-YOUR-ALBUM/_index.md

It will create an index file of your first album. Open content/NAME-OF-YOUR-ALBUM/_index.md with your text editor. You'll see something like this:

+++
albumthumb = "path/to/album/cover/image"
date = "2016-10-21T19:07:17+03:00"
title = "index"
+++

{{< photo full="path/to/first/FULL-SIZE/image/in/your/gallery.jpg" thumb="path/to/its/THUMBNAIL/image.jpg" alt="" phototitle="SOME TITLE" description="SOME SHORT DESCRIPTION. MARKDOWN **SUPPORTED**. REPEAT THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}

Change the title of your album and set the url of album's cover. Then fill the shortcode fields with the first image data. Repeat the shortcode for every image in the gallery. You may use both local and remote images.

Create needed albums and then

Test your site

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.

Building the site

Just run

$ hugo

You'll find your resume files in public folder in the root of Hugo project.

Roadmap

  • Pagination support
  • Taxonomies

Contributing

Did you found a bug or got an idea? Feel free to use the issue tracker.

License

The original template is released under the Creative Commons Attribution 3.0 License. Please keep the original attribution link when using for your own project.