Learn how can you can create & host your own new Blog site for FREE. With high performance and
SEOenabled using Jekyll and host them in GitHub Pages. I will use windows machine to demonstrate you please read this article till end.
Installing Ruby with Devkit on Windows
Installing Jekyll bundler on Windows
gem install jekyll bundler
gem install tzinfo-data (is necessary when developing on Windows)
gem is just like npm that helps to install dependencies.
Creating Your First Jekyll Project on Windows
Then Run below to create project:
jekyll new "C:\Full Stack Master\Fullstackmaster COURSES\Blogs\jekyll-blogs"
Which components shall be installed? Press 1 and enter
Install required Packages for windows on Jekyll site
You have to add many other dependencies for windows. Add below dependencies in your
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem # and associated library. platforms :mingw, :x64_mingw, :mswin, :jruby do gem "tzinfo", "~> 1.2" gem "tzinfo-data" end # Performance-booster for watching directories on Windows gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin] gem "webrick", "~> 1.7"
Go to the root of project
bundle to install of them.
Serve Your first Jekyll Project in Windows
bundle exec jekyll serve --trace --incremental
Creating GitHub Repo
Create your own repository on GitHub to host your blog free on GitHub pages.
Push the code to this repo:
git remote add origin https://github.com/rupeshtiwari/rupeshtiwari.github.io.git git branch -M main git push -u origin main
Pushing the code to GitHub
GitHub pages can change the domain name you can use your own domain https://www.rupeshtiwari.com/blog etc learn more
I push my code to GitHub.
Visiting your blog site on GitHub pages
Now visit https://rupeshtiwari.github.io/ you can see my site is up and running.
If you enjoyed this article then please share to your friends and if you have suggestions or thoughts to share with me then please write in the comment box.
Become full stack developer 💻
- Please subscribe to All-Access Membership PRO plan to access current and future angular, node.js and related courses.
- Please subscribe to All-Access Membership ELITE plan to get everything from PRO plan. Additionally, you will get access to a monthly live Q&A video call with
Rupeshand you can ask doubts/questions and get more help, tips and tricks.
Your bright future is awaiting for you so visit today FullstackMaster and allow me to help you to board on your dream software company as a new Software Developer, Architect or Lead Engineer role.