r-jekyll-theme
A simple red Jekyll theme with left navigation that's perfect for portfolios and resumes.
Installation
You can install the github-remote or gem-based r-jekyll-theme. You can also fork the r-jekyll-theme GitHub repository.
Preparing for the theme installation
You need to create a directory for your Jekyll site and initialize a Gemfile.
Before you begin
Ensure that you have Ruby and Jekyll installed. See Jekyll - Quickstart.
- Create a directory in which you want to develop your Jekyll site.
- In the site directory, run
bundle init
Result: AGemfileis created.
Installing the github-remote-theme
If you plan to deploy your Jekyll site to GitHub-Pages, use this installation method.
-
To the
Gemfile, add:gem "github-pages" gem "jekyll-remote-theme"
-
In the site directory, create the
_config.ymlfile. -
To the
_config.ymlfile, add:plugins: - jekyll-remote-theme remote_theme: rafalkaron/r-jekyll-theme@main
-
Run
bundle
Installing the gem-based theme
If you're into old school, use this installation method.
-
To the
Gemfile, add:gem "github-pages" gem "r-jekyll-theme"
-
In the site directory, create the
_config.ymlfile. -
To the
_config.ymlfile, add:theme: r-jekyll-theme
-
Run
bundle
Forking the theme GitHub repository
If you want to heavily modify the template, use this installation method.
- Fork the r-jekyll-theme repository.
- In the root directory of the forked repository, run
bundle
Configuration
The r-jekyll-theme requires little configuration. You just need to add some content and fill in the _config.yml file with your site data and contact information.
Adding content
You add content by creating Markdown files in the root directory of your Jekyll site.
NOTE: You should start adding your content by creating the index.md file.
-
In the root directory of your Jekyll site, create a Markdown file.
For example, create theindex.mdfile. -
Open the file and add:
--- layout: page title: Home order: "0" ---
where:
-
layoutis the site HTML template. Always use thepagevalue. -
titleis the page title that appears in the site navigation and in the web browser tab. -
orderis the position of the page link in the site navigation.
-
-
Add Markdown (Kramdown) content.
For reference, see content.md.
TIP: To keep your files organized, add any media files to theassetsdirectory. -
Save the Markdown file.
Configuring site metadata and contact info
You configure site metadata and contact information by editing the _confing.yml file. For reference, see the default _config.yml.
Styling
You can override the default styling by creating the main.scss file in the assets directory.
-
In the root directory of your Jekyll site, create the
assetsdirectory. -
In the
assetsdirectory, create and open themain.scssfile. -
To the
main.scssfile, add:--- --- @import "r";
-
Under the
@import "r";rule, add your styling. -
Save the
main.scssfile.
Previewing your site
You can generate and preview your site locally before publishing it.
-
Set up your development environment by running
bundle install -
Run
bundle exec jekyll serve -
In your web browser, go to
http://localhost:4000 -
Add pages, documents, data, styling etc. For more information, see Jekyll Home.
Info: As you modify the theme or add content, your site should regenerate automatically in the web browser. However, to see any_config.ymlupdates, you need to restart the server.
If your site does not regenerate automatically in the web browser, ensure that you have the following added to your_config.ymlfile:livereload: true