Demo available: here
Add this line to your Jekyll site's
And add this line to your Jekyll site's
And then execute:
Or install it yourself as:
$ gem install materialize-jekyll
if you are hosting your site with GitHub Pages you will have to clone this project and copy the theme files manually to your directory.
Since November 2017 you can use this theme by adding:
remote_theme: victorpre/materialize-jekyllon your
materialize-jekyll │ ├─── _includes | ├─── author.html | ├─── comments.html | ├─── date.html | ├─── footer.html | ├─── header.html | ├─── navbar.html │ └─── share.html ├─── _layouts │ ├─── compress.html │ ├─── default.html │ ├─── home.html │ └─── post.html ├─── _posts │ ├─── _sass │ ├─── _author.scss │ ├─── _cards.scss │ ├─── _navbar.scss │ ├─── _post.scss │ ├─── _syntax.scss │ ├─── _tags.scss │ └─── _variables.html └─── assets │ └─── css │ └─── main.scss └─── img │ └─── icons └─── js ├─── init.js └─── vendor
This gem offers some main layouts that can be used/edited:
_layouts/default.html, is the skeleton of the pages, where header,footer, assets are called. It should be used in most of the other layouts,
_layouts/home.htmlis the main layout the will be your home, where your blog posts will be shown;
_layouts/post.htmlis the layout used to present the blog posts themselves, where they will be rendered.
_includes/ directory there are the partials that are used inside the layouts.
The stylesheets of this gem can be edited both in
_sass/ and in
The main colors of the theme can be found and customized in
Your blog posts (
*.md files) should be put in the
Bug reports and pull requests are welcome on GitHub at https://github.com/victorpre/materialize-jekyll. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
To set up your environment to develop this theme, run
Your theme is setup just like a normal Jekyll site! To test your theme, run
bundle exec jekyll serve and open your browser at
http://localhost:4000. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
When your theme is released, only the files in
_sass tracked with Git will be released.
The theme is available as open source under the terms of the MIT License.