A vanilla Bootstrap theme for Hugo.
- Demos
- Minimum Hugo Version
- Installation
- Updating
- Run Example Site
- Configuration
- Shortcodes
- Getting Help
- Credits
| Env | URL |
|---|---|
| Dev demo, immediate updates | https://vanilla-bootstrap-hugo-theme.netlify.com/ |
| Hugo Themes demo, weekly-ish updates | https://themes.gohugo.io//theme/vanilla-bootstrap-hugo-theme/ |
This theme requires Hugo version 0.48 or higher. Take a look at the Hugo releases and download the binary for your OS.
From the root of your site:
git submodule add https://github.com/zwbetz-gh/vanilla-bootstrap-hugo-theme.git themes/vanilla-bootstrap-hugo-theme
From the root of your site:
git submodule update --remote --merge
From the root of vanilla-bootstrap-hugo-theme:
hugo server \
--gc \
--renderToDisk \
--source exampleSite \
--config exampleSite/config.yaml \
--themesDir ../.. \
--theme vanilla-bootstrap-hugo-theme
Copy the config.toml or config.yaml from the exampleSite, then edit as desired. Make sure to uncomment the theme line.
Uses Bootstrap blockquotes to format your blockquotes nicely. Pass the quote inside the shortcode. The author argument is optional.
Here's an actual usage, and here's an example usage:
{{% bootstrap-blockquote author="Carl Jung" %}}
Knowing your own darkness is the best method for dealing with the darknesses of other people.
{{% /bootstrap-blockquote %}}
Uses Bootstrap tables to format your tables nicely. Pass the markdown table inside the shortcode, then pass the classes as an argument.
Here's an actual usage, and here's an example usage:
{{< bootstrap-table "table table-dark table-striped table-bordered" >}}
| Animal | Sounds |
|---------|--------|
| Cat | Meow |
| Dog | Woof |
| Cricket | Chirp |
{{< /bootstrap-table >}}
Uses Bootstrap cards and Hugo image processing to display your page bundle images nicely. Only the img, command, and options arguments are required.
Here's an actual usage, and here's an example usage:
{{< bootstrap-card
img="sun.jpg"
command="Resize"
options="700x"
title="The Sun"
text="The Sun is the star at the center of the Solar System."
alt="sun"
class="mb-3"
style="" >}}
If you run into an issue that isn't answered by this documentation, then head over to the Hugo discussion forum. The folks there are helpful and friendly. Before asking your question, be sure to read the requesting help guidelines. Feel free to tag me in your question, my username there is @zwbetz.
In addition to Bootstrap and Hugo, thank you to: