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 → Xzya → hugo-material-blog

Xzya / hugo-material-blog

Licence: MIT License
Clean Material Design blog theme for Hugo.

Programming Languages

HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Labels

bloghugo-themematerial-design

Projects that are alternatives of or similar to hugo-material-blog

hugo-theme-docport
docport.netlify.app/
Stars: ✭ 42 (+90.91%)
Mutual labels:  hugo-theme
hugo-tufte
Content centric Hugo blogging theme styled with Tufte-Css
Stars: ✭ 58 (+163.64%)
Mutual labels:  hugo-theme
bookworm-light
Bookworm is a clean and modern Hugo blog theme focused on high speed and support multiple authors.
Stars: ✭ 59 (+168.18%)
Mutual labels:  hugo-theme
cupper-hugo-theme
An accessibility-friendly Hugo theme, ported from the original Cupper project.
Stars: ✭ 233 (+959.09%)
Mutual labels:  hugo-theme
Blogpaper
A graphical newspaper like blog theme for Hugo.
Stars: ✭ 18 (-18.18%)
Mutual labels:  hugo-theme
hugo-travelify-theme
Port of Aigars Silkalns's Wordpress theme Travelify to Hugo. Demo -
Stars: ✭ 34 (+54.55%)
Mutual labels:  hugo-theme
hugo-sugoi
Hugo-Sugoi - An Ultra Minimal Hugo Theme based on Skeleton
Stars: ✭ 29 (+31.82%)
Mutual labels:  hugo-theme
manis-hugo-theme
Sweet little Hugo's theme for personal website
Stars: ✭ 87 (+295.45%)
Mutual labels:  hugo-theme
hugo-initio
Hugo Theme port of Initio bootstrap template by GetTemplate
Stars: ✭ 58 (+163.64%)
Mutual labels:  hugo-theme
vanilla-bootstrap-hugo-theme
A vanilla Bootstrap theme for Hugo
Stars: ✭ 63 (+186.36%)
Mutual labels:  hugo-theme
hugo-theme-iris
Hugo IRIS Theme - Portfolio and Blog
Stars: ✭ 49 (+122.73%)
Mutual labels:  hugo-theme
rules hugo
Bazel build rules for hugo static website generator
Stars: ✭ 41 (+86.36%)
Mutual labels:  hugo-theme
hugo-dream-plus
🌈 An upgraded version of the Hugo "Dream" theme with tons of new features.
Stars: ✭ 67 (+204.55%)
Mutual labels:  hugo-theme
hugo-identity-theme
Little profile/card-style template for Hugo. Based on Identity by HTML5 UP.
Stars: ✭ 87 (+295.45%)
Mutual labels:  hugo-theme
Binario
Responsive card-based & code-light Hugo theme
Stars: ✭ 79 (+259.09%)
Mutual labels:  hugo-theme
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 (+100%)
Mutual labels:  hugo-theme
hugo-theme-crisp
A minimalist, responsive, and open-source theme for Hugo ported from Ghost.
Stars: ✭ 35 (+59.09%)
Mutual labels:  hugo-theme
simpleit-hugo-theme
Responsive Hugo theme for hierarchical content websites
Stars: ✭ 16 (-27.27%)
Mutual labels:  hugo-theme
hugo-geekdoc
Hugo theme made for documentation
Stars: ✭ 284 (+1190.91%)
Mutual labels:  hugo-theme
simple-a
Minimalistic Hugo theme
Stars: ✭ 52 (+136.36%)
Mutual labels:  hugo-theme
View All Similar Projects ➔

Hugo Material Blog

Clean Material Design blog theme for Hugo.

Demo

You can find a demo here.

Screenshots

preview preview

Configuration

Check exampleSite/config.toml for an example configuration.

Cover image

You can use the cover_image param in the frontmatter of a post to include a cover image:

cover_image: "images/image1.jpeg"

Brand

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

Footer content

The footer content can be overriden by adding your own layout in layouts/partials/footer-content.html. Check exampleSite/layouts/partials/footer-content.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/config.toml.

Footer menu

You can include menus in the footer by setting them in the footer_menus array:

[params]
  [[params.footer_menus]]
    name = "Services"
    menu = "services"
  [[params.footer_menus]]
    name = "Links"
    menu = "other"

This also supports localization:

[languages.en]
  languageName = "English"
  [[languages.en.params.footer_menus]]
    name = "Services"
    menu = "footer1"
  [[languages.en.params.footer_menus]]
    name = "Other"
    menu = "footer2"

[languages.fr]
  languageName = "Français"
  [[languages.fr.params.footer_menus]]
    name = "Services"
    menu = "footer1"
  [[languages.fr.params.footer_menus]]
    name = "Autre"
    menu = "footer2"

Check exampleSite/config.toml for more examples.

Additional content in <head>

You can add your own content in the <head> by overriding partials/head-custom.html.

License

Open sourced under the MIT license.

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