Goa is a clean, simple and minimalist theme for blogs and personal websites.
You can find the demo site in action here and the source here.
From the root of your blog:
mkdir -p themes
cd themes
git clone https://github.com/shenoybr/hugo-goa
To create a new page or post:
hugo new about.md
or
hugo new posts/first.md
You can now go ahead an edit the newly created file under the content
directory. Once you are finished editing, to have hugo generate the page, set draft = false
in the articles front matter.
The above example demonstrates how to create a pages and posts. Hugo automatically applies the list templates for a directory of pages/posts, which works well for blogs and posts. However, you may want at times want to override this behavior and create a standalone page (like an about page or projects page) or have more control of what content is listed from within the directory. In such cases, you can override the default behavior by placing an index.md file in the corresponding content directory.
hugo new projects/index.md
These settings are at the page level.
showpagemeta
: default=true
. This allows you to disable page meta information from being displayed. For example, this setting is disabled here and enabled here.showcomments
: default=true
. Enables or disable comments. For example, this setting is disabled here and enabled here.
The provided config.toml describes all options and features that are supported. Configure it your way!
These are site wide configuration parameters that are used by this template.
baseurl
: This is the root of your site.builddrafts
: default=false
. Enables or Disable building drafts when hugo is run.canonifyurls
: default=false
. Prefix all relative URLs with your base URL. More Information.languageCode
: Used to set site localization preferences. eg.en-US
.contentdir
: Where hugo can find your content. eg.content
.layoutdir
: Where hugo can find your templates. eg.layouts
.publishdir
: Where hugo generates the static site. eg.public
.author
: Site author name. eg.Erlich Bachman
.title
: Site title name. eg.Erlich Bachman
.theme
: Your theme name should be set tohugo-goa
if using this theme.
These are features that hugo provides and are used by this template.
disqusShortname
: Your discusShortname if you want to enable comments on your posts.googleAnalytics
: Your google analytics id for tracking.enableRobotsTXT
: Enable or disable search engines from crawling your site.
These are settings that are specific to this theme.
author
: Main author name. eg.Erlich Bachman
.intro
: Author introduction. This field supports markdown. eg.Startup Guru Extraordinaire
.description
: Author description. This field supports markdown. eg.Now @Pied Piper. Previously @Hacker Hostel, @Bachmanity and @Aviato. <br/> \"What is F times 5? It's Fleventy-five.\"
.authorimage
: Location of author image under static/img directory. eg.headshot.jpg
dateformat
: Golang date format to be used on this site. eg.Jan 2, 2006
These settings are included in the site's meta section.
description
: User this field to describe your site to search engines. eg.Simple minimalist theme
.keywords
: Keywords that desribe your site. eg.minimalist,blog,goa,hugo,developer
.
These settings to display your social accounts.
github
: Your github username.instagram
: Your instagram username.xing
: Your xing username.linkedin
: Your linkedin username.twitter
: Your twitter username.facebook
: Your facebook username.google
: Your google username.medium
: Your medium username.devto
: Your dev.to username.stackoverflow
: Your stackoverflow username.angellist
: Your angellist username.email
: Your email.
These settings for extra features that this site uses.
copyright
: Add a copyright statement to the bottom of the theme. eg.© 2016. Erlich Bachman. [Some Rights Reserved](http://creativecommons.org/licenses/by/3.0/)."
poweredby
: Help promote this theme and give the authors credit. eg.true
orfalse
.highlightjs
: Use highlightJS to highlight code on your site. eg.true
orfalse
.
These settings for the main menu that is displayed on the home page.
name
: Name of menu item. eg.blog
weight
: Weight of this menu item. Higher items go to the bottom. eg.100
url
: Root URL for this section/page. eg./blog/
.
Example:
[[menu.main]]
name = "blog"
weight = 100
url = "/blog/"
[[menu.main]]
name = "about"
weight = 200
url = "/about/"
[[menu.main]]
name = "coderag"
weight = 300
url = "/coderag/"
- Responsive
- Minimalist
- Bootstrap 3
- Fontawesome
- HighlighJS
- Disqus support for commenting
- Built-in support for 404 pages, Disqus comments and Google Analytics.
- Search Github Issues to see if the bug has been previously filed.
- If it has been filed, +1 the post. This helps us in assessing impact and priortitizing the bug.
- If not previously filed, open a new Github Issue and describe in detail. Attach error traces and provide relavant details to help us solve it.
- For Hugo issues, search the Hugo Forum
- Search Github Issues to see if the feature has been previously requested.
- If it has been filed, +1 the post. This helps us in assessing popularity and priortitizing the feature.
- If not previously filed, open a new Github Issue and describe it in detail.
- Clone the repository, create the feature/bug branch.
- Code.
- Make sure your code follows the style of the project.
- Test it thoroughly.
- Open a PR requesting for it to be merged.
- Describe the feature or issue your are solving in detail.
- Wait for its approval.
- Merge and Rejoice.
The theme's design was inspired by many blogs and themes:
- Bruno de Carvalho's blog.
- Hugo Cocoa.
- Hugo Vec.
- Hugo Agency.
Licensed under the MIT License. See the LICENSE file for more details.