Jekyll Material Design
How it works
- Jekyll intro
- How to test your new website locally
- Build a blog with Jekyll
- It's Called Jekyll, and It Works
- Syntax Highlight Example
1. Create a Repo
- Go to https://github.com and create a new repository named USERNAME.github.io
2. Install Jekyll-Bootstrap-3
$ git clone https://github.com/sentenza/jekyll-material-design USERNAME.github.io $ cd USERNAME.github.io $ git remote set-url origin email@example.com:USERNAME/USERNAME.github.io.git $ git push origin master
3. Edit your website configuration
_includes/themes/bootstrap/ to change information about your new website and also to remove the GitHub red ribbon (default.html#26).
Please, take a look at Jekyll intro to understand how GitHub and Jekyll work together to serve your pages.
4. Testing your website locally
To construct and test your site locally, go into the directory and type
This will create (or modify) a
_site/ directory, containing
assets/, and then the
index.md and all
pages/*.md files, converted to html. (So there'll be
_site/index.html and the various
Type the following in order to “serve” the site.
This will first run
build, and so it does not need to be
To make jekyll automatically re-build your changes you can also add the
jekyll serve --watch
Now open your browser and go to http://localhost:4000.
Read the complete tutorial on http://jekyllrb.com/docs/usage/.
4. Enjoy !
- After giving 10 mins to GitHub of course.
For original project's usage and documentation please see the Wiki of this project.
Visit jekyll-material-design on GitHub Pages
- Prose.io, a web-based content editor specifically designed to make it simple for content creators to publish to Jekyll