The Hearth of Dev πŸ‘¨β€πŸ’»

Before building my blog with Next.js, React and Vercel I used Jekyll.rb

Thanks to a course that I had taken in CodeAcademy1 I learned to create static sites in GitHub Pages2, later on I incorporated the static site generator Jekyll3 into my workflow. Jekyll transforms markdown into HTML building the layout with the Liquid4 renderer. I used the Vanilla Bean Creme Theme and later on a Theme Variant by Ricardo Lopez.

This workflow in Windows requires the installation of Chocolatey, Ruby, RubyGems and RubyDevKit, in general you can follow this commands in PowerShell:

PowerShell.exe -ExecutionPolicy Undefined
iwr https://chocolatey.org/install.ps1 -UseBasicParsing | iex
choco install ruby -y
ruby dk.rb init
ruby dk.rb review
ruby dk.rb install
gem install jekyll bundler
gem install jekyll-paginate-v2
gem install jekyll-feed
gem install jekyll-gist
gem install rouge
gem install wdm
cinst -Source "https://go.microsoft.com/fwlink/?LinkID=230477" libxml2
cinst -Source "https://go.microsoft.com/fwlink/?LinkID=230477" libxslt
cinst -Source "https://go.microsoft.com/fwlink/?LinkID=230477" libiconv
gem install nokogiri
jekyll new blogname
cd blogname
bundle exec jekyll serve

After January 2018 I had to install Jekyll again and the process was easier using WSL:

Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux
reboot
Install Ubuntu https://www.microsoft.com/es-mx/store/p/ubuntu/9nblggh4msv6?rtc=1
bash
sudo apt-get update -y && sudo apt-get upgrade -y
sudo apt-add-repository ppa:brightbox/ruby-ng
sudo apt-get update
sudo apt-get install ruby2.3 ruby2.3-dev build-essential dh-autoreconf
sudo gem update
sudo gem install jekyll bundler
jekyll -v
bundle install
jekyll new blogname
cd blogname
bundle exec jekyll serve

Footnotes

  1. https://www.codecademy.com/ ↩

  2. https://pages.github.com/ ↩

  3. https://jekyllrb.com/ ↩

  4. https://shopify.github.io/liquid/ ↩