xzya/hugo-bootstrap

This is a simple Hugo theme using Bootstrap v4.

Hugo Bootstrap v4 Theme

This is a simple Hugo theme using Bootstrap v4, inspired by hugo-theme-bootstrap4-blog.

Demo

You can find a demo here.

Screenshots

Configuration

Check exampleSite/config.toml for an example configuration.

Brand

The brand can be overriden by adding your own layout layouts/partials/brand.html. Check exampleSite/layouts/partials/brand.html for an example.

Menu

The navbar displays the main menus by default. You can find more details about how to configure it here, as well as in the exampleSite.

Multilanguage

The theme supports multiple languages.

You can find the default translation bundles in i18n (english and spanish by default).

License

Open sourced under the MIT license.

hugo-bootstrap's Issues

Hugo Bootstrap Demo on Hugo website contains 3rd party tracking

Hello @Xzya

I am one of the maintainers of the Hugo Themes repository.

Recently I audited the Hugo Themes website and it has come to my attention that your theme's demo has third party tracking enabled.

     \hugo-bootstrap\exampleSite\config.toml:
        # Google analytics
        googleAnalytics = "UA-47268287-3"

To fix this issue please leave the above parameter blank i.e.

     \hugo-bootstrap\exampleSite\config.toml:
        # Google analytics
        googleAnalytics = ""

Once you look into this please let me know.

Thank you!

Bootstrap theming

Hi, thank you for the great work. :)

I'm a noob on bootstrap stuff. Can you tell me if it is possible to use the bootstrap theming on Hugo? I'd like to change things like the nav-bar and the URLs text colors. Thanks!

Language drop down not correctly positionned

As the language drop down is on the right of the navbar, it could be shown partly outside of the page. Suggestion: in partials/header.html

Replace:

<div class="dropdown-menu" aria-labelledby="navbarDropdown">

With:

<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">

Reference documentation: https://getbootstrap.com/docs/4.1/components/dropdowns/#menu-alignment

Theme uses deprecated Page.RSSLink and Page.URL

While building the site, hugo v0.75.1/extended complains about following deprecations:

WARN 2020/11/21 15:18:15 Page.RSSLink is deprecated and will be removed in a future release. Use the Output Format's link, e.g. something like: 
    {{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}
WARN 2020/11/21 15:18:15 Page.URL is deprecated and will be removed in a future release. Use .Permalink or .RelPermalink. If what you want is the front matter URL value, use .Params.url

Support for RTL languages?

Hello,

Do you have support for RTL (Arabic) languages? If so, how can it be activated?
If not, are there plans or desire to support RTL?

Thanks,

[Question] How works links to static resources?

In the layouts files, I've seen that to build an URL to get the css or another static resource, the code is {{ .SiteBaseURL }}css/style.css, and that the file is in static/css/style.css.

So, I have a static folder in my hugo directory, with a sub folder img that contains my logo.svg. And in the layouts/partials/brand.html, I have this code: <img src="{{ .Site.BaseURL }}img/logo.svg" ..., which works fine with hugo server.

However, when trying to deploy through Netlify, the URL to style.css and logo.svg get a 404 error. The path are https://[my-domain]/css/style.css or https://[my-domain]/img/logo.svg.

So, I'm wondering how the resolution to the static directory works.

[to change the font color and size]

I started to use the hugo-bootstrap theme to create personal website and I like it so much. However, I am quite confused how I could change the font color and size. I know this question will sound stupid but just failed in getting solutions after a couple of hours' searching. Thanks in advance if you could give some ideas.

How to create a home page and transfer blog to a /blog route?

Hi! I love the theme! 😄

I'm making some changes. How can I setup a homepage and transferring the post to a different route?

add a mailto: link to contact

Hi.
How can I add an email address to the contact menu, so it works as a mailto: link?

changing default language not working

When changed in the config file
defaultContentLanguage = "en" to defaultContentLanguage = "es"
Nothing happens. The default website is all still in english

Strange warnings when building a website with this theme

Hi,

I'm using this theme with hugo 0.53 for some static legal documents. The pages I have contain only markup and I am a bit confused what the warnings mean.

uilding sites … WARNING: make non-relative ref/relref page reference(s) in page "/legal" absolute, e.g. {{< ref "/blog/my-post.md" >}}
WARNING: make non-relative ref/relref page reference(s) in page "/categories" absolute, e.g. {{< ref "/blog/my-post.md" >}}
WARNING: make non-relative ref/relref page reference(s) in page "/tags" absolute, e.g. {{< ref "/blog/my-post.md" >}}
WARNING: make non-relative ref/relref page reference(s) in page "/legal/respondent-terms-of-use/index.en.md" absolute, e.g. {{< ref "/blog/my-post.md" >}}

Google Analytics is not working

I just moved my blog to this great theme. The problem is: the Google Analytics is not working anymore. Any clue? Shall we include {{ template "_internal/google_analytics.html" . }} somewhere? https://gohugo.io/templates/internal/#use-the-google-analytics-template