A minimal material design theme using muicss.
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 :star: this repo or tweet @brijeshb42.
Pull requests are also welcome :thumbsup:.
(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.
ruby and then do
gem install jekyll. This theme uses the latest
jekyll version. So if you already have it installed, then upgrade it.
_config.yml describes 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.yml according to your requirements.
Your website name
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
_posts directory. 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.png with images of your own.
Test the site on local machine using
jekyll serve in the theme directory.
If all works well,
git push your 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
CNAME file and add your own domain
example.com. Make sure your domain points to github ip address.
coveror both attributes in th front matter of the post alongside
colorcan be anything in
[grey, orange, yellow, amber, light-blue, lime, teal, blue, black-87, blue-grey, brown, indigo, purple, deep-purple, red, pink].
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