Pavo

Pavo template adapted for usage in Jekyll and GitHub Pages.

Features

• Responsive design
• Dark mode
• Light mode
• Syntax highlighting

Installation

git clone git@github.com:mankec/jekyll-theme-pavo.git my-new-repo
cd my-new-repo
git remote rm origin
git remote add origin your-git-ssh-url

Now you can make changes and push them to your own repo.

I used Yarn. You can remove yarn.lock and run npm if you prefer it over Yarn.

bundle
yarn
bundle exec jekyll s --livereload

GitHub Pages

This is an updated setup I took from this blog post. You are encouraged to read it. It’s well-written and easy to understand.

This project almost has everything set up, but there’s a few things you will need to do on your own. Go to your repo’s settings and enable GitHub Pages.

After that you will need to set SSH Private Key or Personal Access Token.

GitHub Workflow is in .github/workflows/github-pages.yml.

Update url and baseurl in _config.production.yml.

url: 'https://your-username.github.io'
baseurl: 'your-repo-name'

Liquid syntax highlighting

Extension for Liquid that I use doesn’t support HTML. Therefore, I added in .vscode/settings.json.

{
  "files.associations": {
    "*.html": "liquid"
  }
}

Now every HTML file have their Language Mode set to Liquid.