https://github.com/deranjer/hugo-cookbook
Cookbook is a theme for hugo that stores all of your recipes and displays them in a viewable format on desktop and mobile.
https://github.com/deranjer/hugo-cookbook
Last synced: 6 months ago
JSON representation
Cookbook is a theme for hugo that stores all of your recipes and displays them in a viewable format on desktop and mobile.
- Host: GitHub
- URL: https://github.com/deranjer/hugo-cookbook
- Owner: deranjer
- License: mit
- Created: 2021-01-27T00:50:49.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-04-13T02:43:30.000Z (about 1 year ago)
- Last Synced: 2025-04-13T03:38:30.738Z (about 1 year ago)
- Language: JavaScript
- Size: 5.07 MB
- Stars: 25
- Watchers: 4
- Forks: 22
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Cookbook Theme
[Demo Site](https://wonderful-raman-ea1990.netlify.app)
## Updates
This theme was updated, and the new minimum hugo version is `0.146.3`.
## About
Cookbook is a theme for hugo that stores all of your recipes and displays them in a viewable format on desktop and mobile.
Developed with Bulma CSS and UmbrellaJS (as well as fuse.js for search).
## Features
- [x] Search all your recipes.
- [x] Display cooking/cooling time, calories, servings, and prep time.
- [x] Tag your recipes, browse by tags.
- [x] Break your ingredients into subheadings.
- [x] Print view.
## Planned
- [x] 404 page.
- [ ] More customizable print options, smaller font size for printing.
- [ ] Any other layout tweaks/feature requests.
## Install
First create your site: `hugo new site `
Then move into the directory: `cd `
You can install using hugo's recommended theme install method while in your hugo site directory:
`git init`
`git submodule add https://github.com/deranjer/hugo-cookbook.git themes/cookbook`
OR
You can download the latest release, or the the current master as a zip, then extract the zip file into the themes directory.
## Copy Site Config
Then you can copy the `config.toml` from `exampleSite` to the root of your hugo directory, and modify that for your instance.
## Setup Default Template
Since hugo-cookbook is a single purpose theme, you need to override your default archetype so that all content created is of `recipe` type.
To override the default template, copy the `default.md` from `themes\archetypes\default.md` to `archetypes` and overwrite the current `default.md` in that directory.
This will ensure that any new content you create will be of type `recipe`.
## First Recipe
Simply run `hugo new recipe_name.md` to create your new recipe in the `content` folder. Modify the markdown file as required for your new recipe.
`hugo serve` to view the site.
## Recipe Views of the Site
## Directions View
