https://github.com/forestryio/hugo-theme-novela
Novela, the simplest way to start publishing with Hugo and Forestry.
https://github.com/forestryio/hugo-theme-novela
blog-theme hugo-theme
Last synced: 29 days ago
JSON representation
Novela, the simplest way to start publishing with Hugo and Forestry.
- Host: GitHub
- URL: https://github.com/forestryio/hugo-theme-novela
- Owner: forestryio
- License: mit
- Created: 2019-10-08T18:56:51.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T06:49:52.000Z (over 2 years ago)
- Last Synced: 2025-03-29T00:12:21.938Z (about 1 month ago)
- Topics: blog-theme, hugo-theme
- Language: SCSS
- Homepage: https://hugo-novela-forestry.netlify.app/
- Size: 3.06 MB
- Stars: 364
- Watchers: 8
- Forks: 191
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-starred - forestryio/hugo-theme-novela - Novela, the simplest way to start publishing with Hugo and Forestry. (others)
README
# Hugo Novela
A port of [Narative](https://www.narative.co/)'s Gatsby theme [Novela](https://www.narative.co/labs/novela/)
**This theme requires Hugo extended > 0.65.0**
The easiest way to get started is to [import this theme in Forestry CMS](https://app.forestry.io/quick-start?repo=forestryio/novela-hugo-starter&engine=hugo&version=0.81.0) in a single click
## Install from the command line
If you don't want to use the [starter](https://github.com/forestryio/novela-hugo-starter), you can start from scratch and just install this theme from the command line.
Create a new Hugo site and initialize your project as a [Hugo module](https://gohugo.io/hugo-modules/use-modules/):
```
hugo new site my-awesome-blog
cd my-awesome-blog
hugo mod init
```
Edit your `config.toml` to add the theme settings:
```toml
# Novela settings
theme = "github.com/forestryio/hugo-theme-novela"
paginate = 6
[social]
twitter= "https://twitter.com/forestryio"
github= "https://github.com/forestryio/novela-hugo-starter"
linkedin= "https://www.linkedin.com/company/forestry.io"
instagram = "#"
dribbble = "#"
youtube = "#"
[taxonomies]
author = "authors"
```
Create your first draft post and preview it locally:
```
hugo new post/my-first-post.md
hugo server -D
```
You're good to go!
## Customization
### Logo
Override `/themes/novela/layouts/partials/icons/ui/logo.html` with your own file at `/layouts/partials/icons/ui/logo.html`; include your logo in SVG format for desktop and mobile formats.
Novela supports light and dark mode. To have your logo respond in kind, add `class="change-fill"` to the svg path(s).
### Socials
In order for the Socials to be surfaced in Forestry, you should copy the theme's `config/_default/social.yaml` to your project.
### Authors
You should register authors as a taxonomy in your project's `config.yaml``
```yaml
taxonomies:
author: authors
```
#### Creating authors
Authors must be added in `content/authors`.
Create a folder per author and add an `_index.md` file in it.
Here's an example of the front matter fields supported by default:
```yaml
# /content/authors/firstname-lastname/_index.md
---
title: Dennis Brotzky
bio: |
Written by You. This is where your author bio lives. Share your work, your
joys and of course, your Twitter handle.
avatar: /images/dennis-brotzky.jpg
featured: true
social:
- title: unsplash
url: https://unsplash.com
- title: github
url: https://github.com
- title: github
url: https://github.com
- title: github
url: https://github.com
- title: github
url: https://github.com
---
```
#### Assigning authors to posts.
Ad the name of the author to the "authors" field:
```yaml
authors:
- Dennis Brotzky
- Thiago Costa
```
### Newsletter CTA
This theme includes a shortcode for a newsletter callout form that you can add to any page.
It uses [formspree.io](//formspree.io/) as proxy to send the actual email. Each month, visitors can send you up to one thousand emails without incurring extra charges. Visit the Formspree site to get get going add your Formspree email to your shortcode like this:
```
{{< subscribe email="[email protected]" >}}
```