Installation & Update
This document will guide you through installation of Hugo.
After installing hugo, see Hugo doc for installing theme in your hugo site.
Quick Demo
# Clone 'https://github.com/pandeybk/hugo-theme.git' to your directory
# cd goglides-tech
# cd exampleSite
# hugo serve --themesDir ../..
# Then you can have quick look at the site at "http://localhost:1313/"
Usage
# Create site and cd into it
hugo new site goglides-tech && cd goglides-tech
# cd themes
# Clone the Fresh theme
git clone https://github.com/pandeybk/hugo-theme.git
# Replace the code of default config.toml by config.toml example shown below
# Move sub-directories inside content folder of exampleSite to default content folder
# Move sub-directories inside static folder of exampleSite to default static folder
# Run the site locally
hugo server
# Open the site in your browser
open http://localhost:1313
Features
Site features
- Google Analytics
- Social sharing bar (facebook, twitter, github)
- Customizable navbar
- Mobile responsive- works great across desktops, tablets and mobiles
- Similar posts listing
- Authors listing
- Group post by tagname
Blogging features
- Attractive landing page with article/tag links everywhere
- Add featured images to posts
- Making sections for related articles (for example tutorials on a topic)
- Add code snippets
Future plans
- Search blog by keywords
- Support for facebook comments
config.toml
example
baseURL = "https://example.com"
languageCode = "en-us"
title = "GoGlides Tech Blog"
theme = "goglides-tech"
paginate = 10
summaryLength = 10
googleAnalytics = "UA-79840196-4"
#For showing related content
[related]
threshold = 20
includeNewer = true
toLower = false
[[related.indices]]
name = "tags"
weight = 100
[[related.indices]]
name = "authors"
weight = 100
[taxonomies]
author = "authors"
tag = "tags"
#Navbar menus
[[menu.main]]
name = "Home"
url = "/"
weight = 1
[[menu.main]]
name = "Authors"
url = "/authors/"
weight = 2
[[menu.main]]
name = "Contact Us"
url = "/contact/"
weight = 3
[[menu.main]]
name = "Tags"
url = "/tags/"
weight = 4
[params]
logo = "/images/logo/goglides_logo.png"
github = true
shareSocialLink = true #can be set to false if not needed
email = "info@goglides.com"
phone = "+1 234 5678 219"
address = "Englewood Colorado, 80112, USA"
copyRight = "Copyright © 2020. All rights reserved."
contact_form_action = "#" # contact form works with https://formspree.io
[[params.socialMedia]]
name = "Facebook"
link = "https://www.facebook.com/"
photoURL = "/icons/facebook.png"
subtitle = "Connect to facebook"
[[params.socialMedia]]
name = "Twitter"
link = "https://www.twitter.com/"
photoURL = "/icons/twitter.png"
subtitle = "Connect to facebook"
[[params.socialMedia]]
name = "Github"
link = "https://www.github.com/"
photoURL = "/icons/github.png"
subtitle = "Connect to facebook"
Frontmatter example
---
title: {{ replace .Name "-" " " | title }}
date: {{ now.Format "2006-01-2" }}
tags: [tag1, tag2]
banner: "/image/blog-pic.jpg"
description: "A smalll description"
---
Customizing your page
There’s a wide variety of customizations that you can make to your Hugo Fresh landing page by modifying the config.toml
file that you downloaded. That file provides documentation for what the various config values represent.