Hugo Themes
Hugo Cards
A bootstrap based minimal hugo theme based on webjeda-cards
- Author: Hugo Aguirre
- GitHub Stars: 75
- Updated: 2024-09-20
- License: MIT
- Tags: Blog Bootstrap Responsive
Hugo cards
A Hugo theme, ported from Webjeda-cards
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
Mobile Layout
On mobile devices, the profile sidebar will be displayed at the top.
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
.
Social links
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.
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.
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