Home Deploy Jekyll Site in Cloudflare Pages
Post
Cancel

Deploy Jekyll Site in Cloudflare Pages

jekyll in-Cloudflare page

Prerequisite

  • Cloudflare free account
  • Free GitHub account (optional)
  • Jekyll installed on your pc

Installing jekyll

to create a jekyll site you need to install jekyll first in your pc locally.

1
sudo apt install ruby-full build-essential zlib1g-dev

Avoid installing RubyGems packages (called gems) as the root user. Instead, set up a gem installation directory for your user account. The following commands will add environment variables to your ~/.bashrc file to configure the gem installation path:

1
2
3
4
echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

Finally, install Jekyll and Bundler:

1
gem install jekyll bundler

That’s it! You’re ready to start using Jekyll.

For Other distros: Jekyll

create new jekyll site

to create a jekyll site:

1
jekyll new {jekyll-site-name}

OR

Fork from github theme repo

Pick up a theme

Deploy jekyll site in cloudflare pages

In order proceed you need to have cloudflare Free account.

After you create cloudflare account follow the steps

  • click create project
  • Connect Github account
  • Select Forked GitHub repo
  • Select The Frameset as Jekyll

Click Deploy and the site will be ready you can add your custom domain

This post is licensed under CC BY 4.0 by the author.