+++
# type = "docs"
title = "Introduction"
date = 2022-06-13T16:32:09+08:00
description = "Hugo Bootstrap Theme(HBS) is a fast, responsive, multipurpose and feature-rich Hugo theme. It is used for blog and document sites typically."
featured = false
draft = false
comment = true
toc = true
reward = true
pinned = true
pinnedWeight = 1
carousel = false
categories = ["Introduction"]
tags = ["Features"]
series = ["Docs"]
images = []
navWeight = 100
authors = ["RazonYang"]
+++

## Goals

- Performance
- Friendly User Experience
- SEO

## Features

- [Hugo Pipes](https://gohugo.io/hugo-pipes/): used to generate CSS and JS assets.
- PurgeCSS: remove unused CSS.
- [Flexible and Configurable]({{< ref "/docs/configuration" >}}).
- Fast and Good User Experience: [Google PageSpeed Insights](https://pagespeed.web.dev/report?url=https://hbs.razonyang.com/en/)'s score is over 95.
- RTL support: [Arabic demo site]({{< ref path="/" lang="ar" >}}).
- Built on top of [Bootstrap 5](https://getbootstrap.com/).
- FontAwesome icons.
- Responsive.
- [PWA]({{< ref "/docs/pwa" >}}), AKA progressive web apps.
- Various Palettes: `blue`, `blue-gray`, `brown`, `cyan`, `green`, `indigo`, `orange`, `pink`, `purple`, `red`, `teal`, `yellow`.
- A [Docs Layout]({{< ref "/docs/layouts/docs" >}}) for publishing project documentation, notes, digital gardens, zettelkastens etc.
- Light/Dark Mode.
- Font Size Switcher.
- Multilingual(I18N).
- [Local Search]({{< ref "/docs/layouts/search" >}}).
- DocSearch.
- Pinning Posts.
- Footer Menu.
- Code Block Panel: copy code, line number, line wrap and expand.
- [Code Toggle]({{< ref "/docs/shortcodes/code-toggle" >}})
- Breadcrumb.
- [Archive]({{< ref "/docs/layouts/archives" >}}).
- [Image Viewer]({{< ref "/docs/image-viewer" >}}).
- [Image Processing]({{< ref "/docs/image-processing" >}}): resize and align images.
- Resources Lazy Loading: `image` and `iframe`.
- [Syntax Highlighting]({{< ref "/docs/look-and-feel#syntax-highlighting" >}}).
- [Reward Widget]({{< ref "/docs/widgets/reward" >}}), AKA Buy Me a Coffee: any platform that supports QR code is supported.
- Table of Contents.
- [Comments]({{< ref "/docs/widgets/comments" >}}): Disqus, Utterances, Giscus and Staticman can be used out of box, you can also integrate with other comments services.
- [Custom Assets]({{< ref "/docs/advanced/custom-assets" >}}): custom CSS and JS.
- [Hooks]({{< ref "/docs/advanced/hooks" >}}): provides ability to add custom code on page.
- [Social Links]({{< ref "/docs/widgets/social-links" >}}).
- [Various Shortcodes]({{< ref "/docs/shortcodes" >}}).
- Twitter Cards and Open Graph.
- [Creative Commons License](https://creativecommons.org/licenses/).
- [Contact Form]({{< ref "/docs/layouts/contact" >}}).
- Numberify Headings Automatically.