calebnance / jekyll_blog-calebnance

jekyll / scss / pwa

blog.calebnance.com

Originally my blog was a Joomla 1.5 website, I've recently converted it to Jekyll. I took into account almost all pages; I was able to redirect or re-create the original urls for posts/categories with ease. I am so impressed with Jekyll and wanted to share my findings here. I'll probably write some blog posts about them as well.

View This Code To See Examples Of:

• Environment handling builds
• Templating with Jekyll
  • Multiple layout usage
  • Layouts & Includes broken out
  • Post layout type
  • Flat tutorial layout type
• Post tags
• Post Category(ies)
• Post Disqus Comment implementation
• Google Analytics
• Related posts
• Posted and Updated date support
• Progressive Web App

Google Lighthouse Score

11/2020 report

• Performance: 100/100
• Progressive Web App: 100/100
• Accessibility: 100/100
• Best Practices: 100/100
• SEO: 100/100

07/2018 report

Plugins & Gems

Below are the plugins and gems I've used:

• jekyll-feed
• jekyll-sitemap
• jekyll-redirect-from
• octopress-minify-html
• Syntax Highlighter: Rouge

Requirements

• Brew
  • Install Brew
  • /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
• Ruby
  • brew install ruby
• Update .zprofile (macOS Catalina)
  • with: export PATH="/usr/local/opt/ruby/bin:$PATH"

Jekyll Commands

Install Bundler and Jekyll Gems

• gem install jekyll bundler

• bundle add jekyll-sitemap

• bundle add jekyll-redirect-from

• gem install kramdown rouge

• bundle add webrick

Bundle

• bundle install

Serve Locally

• jekyll serve --incremental
• bundle exec jekyll serve --incremental
• jekyll serve --livereload

Build Locally

• jekyll build
• jekyll build --watch

Update Jekyll

• bundle update jekyll

Build for Production

remember to comment out minify_html in config.xml

• JEKYLL_ENV=production jekyll build
• JEKYLL_ENV=production bundle exec jekyll build

prepend exec jekyll as needed