Blogophonic Hugo screenshot

Blogophonic Hugo

Author Avatar Theme by Formspree
Updated: 11 Jan 2021
214 Stars

Blogophonic – a Hugo blog theme by Formspree

Overview

Blogophonic is a blog theme for Hugo by Formspree. It is a modern and beautiful blog theme that can be easily customized. One of its key features is a dedicated page with a functional contact form.

Features

  • Multiple layouts, including one with a sidebar.
  • Custom sidebar text with a sticky ad container.
  • Option to hide byline, dateline, and thumbnail images.
  • Styled with Tachyons, a design system for modern websites.
  • Forms built-in, with a contact form powered by Formspree.

Installation

To use Blogophonic, you need to have the extended version of Hugo installed, as it relies on Hugo’s built-in SASS processor. You can install the extended version by running “brew install hugo” on macOS. For Windows or Linux users, please refer to the Hugo documentation for installation instructions.

Once you have the extended version of Hugo installed, follow these steps to install Blogophonic:

  1. Clone the Blogophonic repository.
  2. Start Hugo at the root of the cloned repository.
  3. Edit or discard the pages under the “content” folder to customize your blog.

Please note that the Blogophonic repository should not be cloned into a git submodule. It is meant to be the top-level folder and includes a “content” folder with pre-made pages.

Summary

Blogophonic is a feature-rich blog theme for Hugo that offers multiple layouts, customizable sidebar text, and the ability to hide certain elements like byline and thumbnail images. It is styled with Tachyons, a design system for modern websites, and includes a built-in contact form powered by Formspree. Installing Blogophonic requires the extended version of Hugo, and once installed, users can easily customize their blogs by editing or discarding pre-made pages under the “content” folder.