Goglides Tech

A modern hugo theme for awesome tech blogs.

Minimum Hugo Version: 0.71.0

Updated: 0.71.0

License: copyright © goglides llc

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.