https://github.com/calebnance/jekyll_blog-calebnance

jekyll / scss / pwa
https://github.com/calebnance/jekyll_blog-calebnance

jekyll progressive-web-app ruby scss service-worker

Last synced: about 2 months ago
JSON representation

jekyll / scss / pwa

• Host: GitHub
• URL: https://github.com/calebnance/jekyll_blog-calebnance
• Owner: calebnance
• Created: 2017-02-13T03:27:03.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-05-07T02:09:35.000Z (over 2 years ago)
• Last Synced: 2023-08-10T05:24:15.839Z (over 1 year ago)
• Topics: jekyll, progressive-web-app, ruby, scss, service-worker
• Language: JavaScript
• Homepage: http://blog.calebnance.com
• Size: 4.03 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# blog.calebnance.com

Originally my blog was a Joomla 1.5 website, I've recently converted it to [Jekyll](https://github.com/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](https://developers.google.com/web/tools/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](https://github.com/jekyll/jekyll-feed)

- [jekyll-sitemap](https://github.com/jekyll/jekyll-sitemap)

- [jekyll-redirect-from](https://github.com/jekyll/jekyll-redirect-from)

- [octopress-minify-html](https://github.com/octopress/minify-html)

- **Syntax Highlighter:** [Rouge](https://github.com/jneen/rouge)

## Requirements

- Brew

  - [Install Brew](https://brew.sh/)

  - `/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_**