Serif is a modern business theme for Hugo.
Serif is a modern business theme for Hugo. It contains content types for the archetypical business website. The theme is fully responsive, blazing fast and artfully illustrated.
@import 'bootstrap/bootstrap';in
style.scssto use the entire Bootstrap framework
config.toml
config.toml
config.toml
rangeand
whereto loop over various sections/content types
rangeby Param
layouts/page/contact.html-
{{ partial "call.html" (dict "site" .Site "context" . "show_button" "false") }}
bodyclasses from individual layouts - useful for CSS styling.
layoutfor the contact page
To use this theme you will need to have Hugo installed. If you don't already have Hugo installed please follow the official installation guide
This theme uses Hugo Pipes to compile SCSS and minify assets. Please make sure you have the Hugo Extended version installed. If you are not using the extended version this theme will not work.
To check your version of Hugo, run:
hugo version
This will output the currently installed version of Hugo. Make sure you see
/extendedafter the version number, for example
Hugo Static Site Generator v0.51/extended darwin/amd64 BuildDate: unknownYou do not need to use version v0.51 specifically, it just needs to have the
/extendedpart
Download, fork or clone this repo, it's ready to go.
hugo
hugo server
Use Stackbit to deploy this theme and connect any headless CMS (Forestry, NetlifyCMS, Sanity, Contentful, DatoCMS) - It's actually really amazing. This theme contains a valid and tested
stackbit.yaml
Use Netlify to deploy this theme. This theme contains a valid and tested
netlify.toml- Feel free to use the 1-click deploy below.
Copy your Google Analytics id into the
config.toml- Also supports Google Tag Manager.
// config.toml [params] google_analytics_id = "" google_tag_manager_id = ""
Often a homepage requires special meta tags such as a meta description or og meta data for twitter, facebook etc. You can configure these values in the
config.toml
// config.toml [params.homepage_meta_tags] meta_description = "a description of your website." meta_og_title = "My Theme" meta_og_type = "website" meta_og_url = "https://www.mywebsite.com" meta_og_image = "https://www.mywebsite.com/images/tn.png" meta_og_description = "a description of your website." meta_twitter_card = "summary" meta_twitter_site = "@mytwitterhandle" meta_twitter_creator = "@mytwitterhandle"
You can set meta tags on a per template basis using a block. For example, you might want to write a custom meta description for the
/servicespage. You can insert any valid HTML meta data inside the
{{ define "meta_tags }}block at the top of a template.
// layouts/services/list.html ...{{ define "meta_tags" }} {{ end }}
{{ define main }} ...
This theme is open source under the MIT license. If you fork or copy this theme you must leave me as the original author in the LICENSE file (on line 3 where I am listed as the author). Really, I just don't want people copying this theme and then saying it's their theme, because I put a lot of work into my themes, thanks!