Giter Site home page Giter Site logo

hugo-material-blog's Introduction

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.

hugo-material-blog's People

Contributors

xzya avatar

Watchers

James Cloos avatar Bitcollage avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.