GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → alanorth → Hugo Theme Bootstrap4 Blog

alanorth / Hugo Theme Bootstrap4 Blog

Licence: other
A blogging-centric Bootstrap v4 theme for the Hugo static site generator.

Labels

htmlthemebootstrapi18nhugohugo-themeresponsive-designblog-themertl

Projects that are alternatives of or similar to Hugo Theme Bootstrap4 Blog

geeky-hugo
Geeky is a Personal Hugo blog theme focused on high speed. Geeky is fully responsive, Superfast, and powered by Bootstrap v5.
Stars: ✭ 44 (-76.96%)
Mutual labels:  hugo-theme, hugo, blog-theme
hugo-travelify-theme
Port of Aigars Silkalns's Wordpress theme Travelify to Hugo. Demo -
Stars: ✭ 34 (-82.2%)
Mutual labels:  hugo-theme, hugo, blog-theme
Blogpaper
A graphical newspaper like blog theme for Hugo.
Stars: ✭ 18 (-90.58%)
Mutual labels:  hugo-theme, hugo, blog-theme
navigator-hugo
Navigator Business theme powered by Hugo. It also could be used for a personal portfolio.
Stars: ✭ 133 (-30.37%)
Mutual labels:  hugo-theme, hugo, blog-theme
Hugo Agency Theme
Port of Startbootstrap's Agency theme to Hugo
Stars: ✭ 155 (-18.85%)
Mutual labels:  hugo, hugo-theme, bootstrap
influencer-hugo
Influencer is a Hugo theme for book authors and writers. It has also Snipcart supports for order books and payments.
Stars: ✭ 66 (-65.45%)
Mutual labels:  hugo-theme, hugo, blog-theme
Hugo Theme Fuji
A minimal Hugo theme with nice theme color. | 一个主题色极简 Hugo 主题。
Stars: ✭ 145 (-24.08%)
Mutual labels:  hugo, hugo-theme, i18n
liva-hugo
Liva is a personal blog template powered by Hugo.
Stars: ✭ 192 (+0.52%)
Mutual labels:  hugo-theme, hugo, blog-theme
Hugo Steam Theme
Port of Tommaso Barbato's Ghost theme Steam to Hugo
Stars: ✭ 69 (-63.87%)
Mutual labels:  hugo, hugo-theme, blog-theme
Hugo Theme Introduction
Minimal, single page, smooth-scrolling theme for Hugo static site generator.
Stars: ✭ 441 (+130.89%)
Mutual labels:  hugo, hugo-theme, blog-theme
hugo-theme-massively
Massively theme for Hugo static site generator
Stars: ✭ 113 (-40.84%)
Mutual labels:  hugo-theme, hugo, blog-theme
Hugo Coder
A minimalist blog theme for hugo.
Stars: ✭ 1,374 (+619.37%)
Mutual labels:  hugo, hugo-theme, blog-theme
hugo-minimalist-theme
Port of Raphael Riegger's Minimalistic Ghost theme to Hugo.
Stars: ✭ 25 (-86.91%)
Mutual labels:  hugo-theme, hugo, blog-theme
hugo-sugoi
Hugo-Sugoi - An Ultra Minimal Hugo Theme based on Skeleton
Stars: ✭ 29 (-84.82%)
Mutual labels:  hugo-theme, hugo, blog-theme
persian-hugo
Persian is a box design personal blog theme based on Bootstrap and powered by Hugo. It is very responsive and perfectly fits on any sized screen device.
Stars: ✭ 32 (-83.25%)
Mutual labels:  hugo-theme, hugo, blog-theme
hugo-initio
Hugo Theme port of Initio bootstrap template by GetTemplate
Stars: ✭ 58 (-69.63%)
Mutual labels:  hugo-theme, hugo, blog-theme
uBlogger
A template designed with your readers in mind ❤️
Stars: ✭ 242 (+26.7%)
Mutual labels:  hugo-theme, hugo, blog-theme
twenty-twenty-hugo
Twenty Twenty Hugo is forked from WordPress Twenty Twenty theme. It's fully functional like the WordPress theme.
Stars: ✭ 48 (-74.87%)
Mutual labels:  hugo-theme, hugo, blog-theme
bookworm-light
Bookworm is a clean and modern Hugo blog theme focused on high speed and support multiple authors.
Stars: ✭ 59 (-69.11%)
Mutual labels:  hugo-theme, hugo, blog-theme
Hugo Bootstrap Premium
Hugo appernetic bootstrap premium theme
Stars: ✭ 82 (-57.07%)
Mutual labels:  hugo, i18n, bootstrap
View All Similar Projects ➔

Hugo Bootstrap v4 Blog Build Status builds.sr.ht status

A simple but opinionated Hugo theme geared towards blog-style content. Based on the older two-column Bootstrap blog example that was used for several Bootstrap versions, but has now been retired in favor of a "snarky" (their words) new example as of version 4.0.0's final release.

Screenshot

See picturingjordan.com for an example of this theme in use.

Features

  • Responsive design
  • Uses Bootstrap v4's native system font stack to load quickly and look good on all platforms
  • Excellent structured data (JSON-LD), OpenGraph, and Twitter Card metadata support
  • robots.txt linking to XML sitemap (disabled by default, see Hugo docs)
  • Basic support for multi-lingual content (added in Hugo 0.17) and user interface translation (i18n), including RTL languages like Arabic and Farsi
  • Supports Google, Bing, and Yandex site verification via meta tags
  • Supports GDPR-compliant Google Analytics (script is not even loaded until after the user agrees) with configurable consent banner, see exampleSite/config.toml
  • Supports Disqus comments, see Hugo docs
  • Allow addition of custom <head> code in site's layouts/partials/head-custom.html (see #17)
  • Configurable display of summaries of content in list templates.
  • Configurable keywords for every post
  • Supports automatic generation of <img> srcsets for images in page bundles using a new figure shortcode (falls back to default Hugo behavior of looking up images in the static directory)

Usage

Clone the repository to your site's themes directory. Refer to exampleSite/config.toml for recommended configuration values.

Content Suggestions

A few suggestions to help you get a good looking site quickly:

  • Keep blog posts in the content/posts directory, for example: content/posts/my-first-post.md
  • Keep static pages in the content directory, for example: content/about.md
  • Keep media like images in the static directory, for example: static/2016/10/screenshot.png
  • If you want an image to be shown when you share a post on social media, specify at least one image in the post's front matter, for example: images: ["/2016/10/screenshot.png"]
  • Use the <!--more--> tag in posts to control how much of a post is shown on summary pages
  • Disable comments on a post by setting comments = false in its frontmatter
  • Disable social sharing icons site wide (or on individual pages/posts) by setting sharingicons = false
  • If your content is stored in git, add enableGitInfo = true to your site config and Hugo will use git history to set a more accurate modification date in page metadata

See the source code and structure of picturingjordan.com to get more ideas.

Building (For Developers)

This theme uses the Bootstrap framework. A static version of this is already included, but if you want to bump the version, tweak the style, etc, you'll need to rebuild the assets. Make sure you have NodeJS >= v10 installed, and then run the following from inside the theme's directory:

$ npm install
$ npm run build

Contributing

There are several ways to help with the development of the theme:

  • Open an issue on GitHub if you have problems or feature requests
  • Alternatively, tackle one of the existing issues on the issue tracker
  • Fork the repository on GitHub, add features on a "feature" branch like update-bootstrap, and then send a pull request with your changes

License

This repository contains SASS and HTML code from the Bootstrap project, which is licensed under the MIT license and CC BY 3.0, and Font Awesome, which uses various licenses.

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].