Step 1 - Sign-up for a free C9 account
Note that C9 might ask for a credit card but it won’t charge you anything.
Just enter a valid email address and click on Sign Up.
Step 2 - Create a new Workspace
Log-in and you should see your Dashboard containing all your Workspaces (none at the moment) at a similar URL to this one https://c9.io/your-username-here
Just click on Create New Workspace.
Enter a Workspace Name. ie. Jekyll-Blog
This will be used to differentiate from other C9 Workspaces and will also be present in the URL for this Workspace.
The Workspace Description is optional.
ie. All Jekyll-based Projects
You can always edit Descriptions later, but this is where they show up in your Dashboard:
By default, your Workspace is Public and Hosted. No need to change anything.
Cloning from Git or Mercurial URL is optional. Leave that blank.
You can create different types of environments, but leave it Custom and click on Create workspace
Step 3 - Install Jekyll
You should now see a screen similar to the one below, README.md file should be open by default:
Notice the blue bottom terminal window, just enter the following command in it:
gem install jekyll
Give it a minute to finish installing all the dependencies and you should see a message similar to this, if successful:
Step 4 - Create a new Jekyll project
Next, just create a new Jekyll project by typing this into the terminal:
jekyll new example-site
Note that you can name your project whatever you like, just replace example-site with something more relevant to your needs.
You should see this message in the terminal:
In the left panel, you should now see a new folder that Jekyll has created for you, click on the small arrow next to example-site (or whatever name you gave your project) to expand that and see all the files inside it:
Step 5 - Serve and Enjoy!
Now we’re going to change directory to the project folder (replace example-site with your project name, if you named it differently) like so:
And finally type this into the terminal (hint - you’re going to use this command a lot, whenever you wish to make live changes to your Jekyll site):
jekyll serve --host $IP --port $PORT --baseurl ''
You should see something similar to this in your terminal:
And more importantly, this message in the top-right side:
Just click on that link to preview your Jekyll site in a new window.
If you wish to put your site offline, just click anywhere inside your terminal window and press CTRL + C.
Congratulations, you’ve done it!