Bitwiser Material theme for Jekyll.
A minimal material design theme using muicss.
- Clean, simple and responsive layout
- Code formatting.
- Sitemap included.
- Google analytics.
- Disqus commenting (Loaded lazily).
- Share post to facebook and twitter.
- Robots.txt included.
- Custom 404 error page.
- Clean material theme.
- Awesome navigation menu on small screens.
- Post specific color or cover image.
Theme website: http://bitwiser.in/bitwiser-material/
Download latest Zip: Here
Or browse releases: Releases
Report issues: Issues
If you are using this theme, do not forget to
Pull requests are also welcome
(Assuming you know what Jekyll and Github pages are.)
Download this theme's zip file from here or clone the repository using
git clone https://github.com/brijeshb42/bitwiser-material.git.
rubyand then do
gem install jekyll. This theme uses the latest
jekyllversion. So if you already have it installed, then upgrade it.
_config.ymldescribes all the variables which you are required to set. The description begins with double hash(
##). And the value to be set is commented below it using
_config.ymlaccording to your requirements.
Your website name
disqusForumNameIf this value is present, disqus commenting will be automatically added to all your blog posts.
googleAnalyticsIDIf this value is present, google analytics will be added to your website/blog. If
ga_idis present, make sure that
ga_domainis also present.
A short description of your website to be included in meta tag of your homepage
a few frequently used keywords on your site
links: This variable has a few commonly used social networks' links
After setting the values in
_config.yml, you can start adding posts in the
_postsdirectory. Remove the example posts from the directory. The name of files in this directory should be according to specifications by
YYYY-MM-DD-your-post-title.md. Note that the file name extenion can be anything from md, markdown, mkd, textile or html.
Replace the image files
sharer.pngwith images of your own.
Test the site on local machine using
jekyll servein the theme directory.
If all works well,
git pushyour changes to your github pages repository
Then visit your blog at http://githubUserName.github.io.
If you want to use a custom domain, then edit the
CNAMEfile and add your own domain
example.com. Make sure your domain points to github ip address.
- In every blog post, custom header color or cover image can be added.
- While creating a blog post, just add extra
coveror both attributes in th front matter of the post alongside
- Value of
colorcan be anything in
[grey, orange, yellow, amber, light-blue, lime, teal, blue, black-87, blue-grey, brown, indigo, purple, deep-purple, red, pink].
- See the demo of all the colors here
- And the value of
covercan be an absolute url of an image or a relative url like
/img/post-cover.jpg. If using relative url, make sure the image is added in the