A hexo theme that uses materialize-css
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.idea ide confis Oct 25, 2017
layout Fixed sidebar nav and header font size Oct 25, 2017
.editorconfig Changes to start publishing Apr 8, 2017
.gitignore updating the build dependencies May 13, 2017
LICENSE Changes to start publishing Apr 8, 2017
README.md Fix documentation to generate custom index and blog urls Oct 25, 2017
materialize.iml updating the build dependencies May 13, 2017
package-lock.json Updated theme dependencies to their latest versions Oct 25, 2017
package.json Updated theme dependencies to their latest versions Oct 25, 2017


Welcome to Materialize Hexo Theme


Live Demo Here

Features Overview

  • Home and Blog pages with different layouts
  • Responsive
  • Google Analytics
  • Pagination
  • Pages
  • Categories Support
  • About page
  • Stylus CSS preprocessor

External libraries used


Install the theme

You can install the theme by using:

$ git clone https://github.com/carlos-algms/hexo-theme-materialize.git themes/materialize

Then update your blog's main _config.yml to set the theme to materialize:


# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: materialize

After this, uninstall hexo-generator-index since this theme will use a custom index, we dont need this hexo generator.

npm uninstall --save hexo-generator-index

Create your custom index file on source/index.html:

layout: index
comments: false
<h1>Hello World<h1> 

Configure your site urls

You can configure any url you may want to serve your blog content, follow the suggested one:

permalink: blog/:title/
tag_dir: blog/tags
archive_dir: blog
category_dir: blog/categories

Post Configurations

Each post supports the standard title, date, categories, tags.


title: Welcome to Materialize
tags: ["ThisIsATag", "Intro", "Welcome"]

Theme Configuration

The theme's global configuration is done in /themes/materialize/_config.yml.


The menu is configured under the theme's _config.yml.

# Header
  Home: /
  Blog: /blog

PS: The Blog menu must match your archive_dir config.

Google Analytics

The Google Analytics Tracking ID is configured in the theme's _config.yml.

# Google Analytics Tracking ID
google_analytics: UA-XXXXXX-Y


This theme was created by Carlos A. Gomes, check out my github and blog.


If you have a question, feature request or a bug you need me to fix, please click here to file an issue.



Enjoy :)