blog.calebnance.com with jekyll / scss / ruby / pwa
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_includes
_layouts
_plugins
_posts
_scss
assets
.gitignore
.htaccess
Gemfile
Gemfile.lock
README.md
_config.yml
favicon.ico
index.md
lighthouse-score.png
offline.md
search.json
service-worker.js

README.md

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.

Google Lighthouse Score

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

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

Plugins & Gems

Below are the plugins and gems I've used:

Syntax Highlighter

Requirements

  • Brew
    • Install Brew
    • $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • Ruby
    • $ brew install ruby

Jekyll Commands

Install Bundler and Jekyll Gems $ gem install jekyll bundler

Bundle
$ bundle install

Serve Locally
$ jekyll serve --incremental
$ jekyll serve --livereload

Build Locally
$ jekyll build
$ jekyll build --watch

Build for Production

remember to comment out minify_html in config.xml

$ JEKYLL_ENV=production jekyll build

prepend exec jekyll as needed