All Projects → kaushalmodi → hugo-bare-min-theme

kaushalmodi / hugo-bare-min-theme

Licence: MIT License
A bare minimum theme for Hugo (https://gohugo.io) to help develop and debug Hugo sites -- https://hugo-bare-min.netlify.com/,

Programming Languages

HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to hugo-bare-min-theme

potato-dark
Dark and elegant blog theme for goHugo static site generator.
Stars: ✭ 21 (-70.42%)
Mutual labels:  minimal, hugo
Hugo Theme Terminal
A simple, retro theme for Hugo
Stars: ✭ 832 (+1071.83%)
Mutual labels:  minimal, hugo
Hugo Debugprint
Hugo "debugprint.html" partial
Stars: ✭ 35 (-50.7%)
Mutual labels:  hugo, debug
Hugo Theme Fuji
A minimal Hugo theme with nice theme color. | 一个主题色极简 Hugo 主题。
Stars: ✭ 145 (+104.23%)
Mutual labels:  minimal, hugo
Archie
A minimal Hugo Theme
Stars: ✭ 226 (+218.31%)
Mutual labels:  minimal, hugo
Kross Hugo
Kross Creative Portfolio Template
Stars: ✭ 172 (+142.25%)
Mutual labels:  minimal, hugo
Hugo Theme Console
A minimal, responsive and light theme for Hugo inspired by Linux console.
Stars: ✭ 143 (+101.41%)
Mutual labels:  minimal, hugo
showcase-hugo-theme
Showcase is a minimal, single page theme for Hugo
Stars: ✭ 54 (-23.94%)
Mutual labels:  minimal, hugo
hugo-theme-texify
A minimal, latex-style hugo theme for personal blogging
Stars: ✭ 91 (+28.17%)
Mutual labels:  minimal, hugo
jscodeshift-typescript-example
jscodeshift typescript codemod example
Stars: ✭ 27 (-61.97%)
Mutual labels:  debug
simple-a
Minimalistic Hugo theme
Stars: ✭ 52 (-26.76%)
Mutual labels:  hugo
example-orbitdb-todomvc
TodoMVC with OrbitDB
Stars: ✭ 17 (-76.06%)
Mutual labels:  example
hugo-starter-tailwind-basic
A basic and simple to set up Hugo with TailwindCSS starter project.
Stars: ✭ 80 (+12.68%)
Mutual labels:  hugo
vanilla-bootstrap-hugo-theme
A vanilla Bootstrap theme for Hugo
Stars: ✭ 63 (-11.27%)
Mutual labels:  hugo
ksonnet-cheat-sheet
No description or website provided.
Stars: ✭ 18 (-74.65%)
Mutual labels:  example
MCUCapture
Utility for plotting array data from MCU RAM
Stars: ✭ 22 (-69.01%)
Mutual labels:  debug
play-scala-chatroom-example
Play chatroom with Scala API
Stars: ✭ 43 (-39.44%)
Mutual labels:  example
tiny-framework
A light wight easy to use RESTful apis framework for education & demo purposes. stripped down framework to the fundamental components that that every one would essentially need to (learn / make a demo application).
Stars: ✭ 13 (-81.69%)
Mutual labels:  minimal
learning-python
notes and codes while learning python
Stars: ✭ 71 (+0%)
Mutual labels:  example
scenic asteroids
A toy Asteroids clone written in Elixir with the Scenic UI library
Stars: ✭ 42 (-40.85%)
Mutual labels:  example

The Bare Min theme is heavily inspired from the better mother-loving website.

Requirements

You need to install the latest version of Go from https://go.dev/doc/install because this theme component requires hugo mod .. commands to work.

This update on switch to using Hugo Modules was last tested with Hugo v0.92.0.

Installing this theme

To use this component,

  1. Add this to your site's TOML config file:

    [module]
      [[module.imports]]
        path = "github.com/kaushalmodi/hugo-bare-min-theme"
  2. Run hugo mod tidy in your main site directory.

Theme components

This theme is composed of the base theme "hugo-bare-min-theme", and the "hugo-debugprint" component (which gets auto-fetched using hugo mod).

Theme Concept

It was designed to:

  • Get rid of all visual clutter (CSS, JS, etc.)
  • Allow easily seeing debug information (debugprint.html partial) while developing Hugo sites, where focus stays on content development.

Screenshots

Bare Min Theme Screenshot

Examples

This theme is being used by:

  1. The example site of this theme.
  2. The test site for ox-hugo.
  3. Unofficial Hugo Sandbox site that is used to create test cases for hugo bugs, new feature requests, and testing hugo features in general.

Configuration options

These theme provides few customization hooks.

# In the site's config.toml

[Params]
  description = "Description of the site."

  intro = """
Text here is added to the header of each page.

This can contain <b>HTML</b> and/or **Markdown**
and can be multiple lines.
"""
  footer = """
Text here is added to the footer of each page.

This can contain <b>HTML</b> and/or **Markdown**
and can be multiple lines.
"""

  # Custom favicon HTML
  favicon = """
<link rel="apple-touch-icon" sizes="180x180" href="https://github.com/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://github.com/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://github.com/favicon-16x16.png">
<link rel="manifest" href="https://github.com/manifest.json">
<link rel="mask-icon" href="https://github.com/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
"""

  custom_css = ["css/style.css"]  # assuming that you have the "static/css/style.css" file

  [Params.source]
    url = "https://your/site/repo/url"   # Needed if you want to see .GitInfo for a page
    md_dir = "content"                   # Needed if you want to get a link to Markdown source for each page
    org_dir = "content-org"              # Needed if you want to get a link to the Org source (e.g. when using ox-hugo!)

Note: It is mandatory to set site.Params.source.url if you set site.Params.source.md_dir or site.Params.source.org_dir.

See the Params section in the config.toml of this theme's exampleSite to get an example.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].