Hugo Themes

Prev/Next: All Themes

Hugo Cards

A bootstrap based minimal hugo theme based on webjeda-cards

Download
Hugo Cards

Hugo cards

A Hugo theme, ported from Webjeda-cards

Screenshot

Features

Responsive theme built on bootstrap. Great for showcasing content with featured images.

Easily add disqus, google analytics, social links and a facebook like box.

Profile Sidebar

You can change the default sidebar (Recent articles) to the profile sidebar. This only works on card posts and will not affect normal pages (e.g., About, Contact).

[params.post.sidebar]
  type = "profile"
  title = "Profile"

title:  "Welcome to Hugox!"
date:   2016-06-13 10:51:47 +0530
img: "image-1.png"
categories: [one, two]
author: "Hugo Aguirre"
profile:
  attrs:
    - key: Name
      val: Stuart
    - key: Likes
      val: Playing guitar

Desktop Layout

profile-sidebar-desktop

Mobile Layout

On mobile devices, the profile sidebar will be displayed at the top.

profile-sidebar-mobile

Hide Post Metadata 

[params.post.meta]
  isHidden = true

Customization

Images

To change the featured image of your post, you must provide a img param in your post front-matter. This theme now supports page resources so your featured image should be in the same directory than your index.md post file.

If you don’t include one, a default image will be used. You can also customize this default image by changing the defaultImage param in your theme config. Be aware that this default image should be located on your static/images directory

CSS

There is a custom.css file included where you can write and override any style you need. If you need additional files, you can add their relative links to the custom_css param in the theme config.

Configuration

Please see the sample config.toml.

facebook

A link to your facebook profile or page. This will show in the footer.

quora

A link to your quora profile. This will show in the footer.

twitter

A link to your twitter profile. This will show in the footer.

github

A link to your github profile. This will show in the footer.

email

Your email address. This will show in the footer and will opes as a mailto:.

Facebook like box

fbLikeBox

Wheter you want to show a facebook like box. Accepted values are yes or no. Leave empty for no

fbAppId

The app id you obtained from facebook developers page.

fbPageUrl

A link to the facebook page or profile that will be shown in the like box.

fbPageTitle

The title of the like box. This text will be shown while the box is loading.

Tracking and comments

analytics

The Google Analytics tracking ID supporting both Universal Analytics and GA4. Universal Anylitics will be used by default, unlessparams.analytics.type is set as GA4.

disqus

The disqus_thread ID

See also