Jekyll2024-12-24T13:44:19+00:00http://themes.jekyllrc.org/feed.xmlJekyll ThemesA directory of the best-looking themes for Jekyll blogsGesko2021-06-06T00:00:00+00:002021-06-06T00:00:00+00:00http://themes.jekyllrc.org/GeskoGesko is a simple and minimalistic jekyll blogging theme.

Features

  • Responsive Design
  • Dark/Ligh theme
  • Inline CSS
  • Anchor headings
  • Tags & Tag pages
  • 404 page
  • Robots.txt
  • Atom & Json feeds
  • Sass
  • About page, with Timeline!
  • PageSpeed and w3Validator tests PASSED!
  • Search bar
  • Next & Previous Post

Screenshot

light-theme dark-theme

Installation

Run local server:

$ git clone https://github.com/P0WEX/Gesko.git
$ cd Gesko
$ bundle install
$ bundle exec jekyll serve

Navigate to localhost:4000. You’re Welcome, Fork and be Stargazer. If you want to upload it to Github Pages, remember to update the _congif.yml and if you are going to upload in a repo called yournickname.github.io, remember to update the `` to http://themes.jekyllrc.org

License

This project is open source and available under the MIT License.

]]>P0WEXBest2020-10-24T00:00:00+00:002020-10-24T00:00:00+00:00http://themes.jekyllrc.org/best-themeFeatures

  • Read Time
  • Share Bar
  • Low Page speed
  • Comments disqus
  • Search
  • Sidebars
  • Category pages
  • LazyLoading images
  • Code highlighting
  • Seo
  • Two section footer
  • Series Posts allowed
]]>Ranvir Singhjekyll-rtd-theme2020-07-25T00:00:00+00:002020-07-25T00:00:00+00:00http://themes.jekyllrc.org/jekyll-rtd-themeJust another Jekyll theme for GitHub Pages based on ReadtheDocs’s sphinx_rtd_theme styles

]]>RunDocsMixyll2020-01-26T00:00:00+00:002020-01-26T00:00:00+00:00http://themes.jekyllrc.org/mixyllMixyll is a simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff. Mixyll is mobile first, fluidly responsive, and delightfully lightweight.

It’s pretty minimal, but leverages large type and drastic contrast to make a statement, on all devices.

Crafted with <3 by Sai Kiran Sripada.

]]>Sai Kiran SripadaMnmal-One2019-10-30T00:00:00+00:002019-10-30T00:00:00+00:00http://themes.jekyllrc.org/mnmal-oneMnmal-One Jekyll theme features

Mnmal-One allows designers and developers to start a new website for any kind of client with ease.

  • You won’t need to touch CSS files! Mnmal-One offers CSS helper classes for colors, spacing, typography, and a flexbox grid system (Bootstrap 4 inspired)
  • SEO, sitemap, and social networks ready
  • 48 well designed SVG icon set
  • Boxed and full width layout
  • Smooth Scroll
  • Fully responsive
  • Lightbox image gallery
  • Lightweight theme: only 98kb CSS and 28kb vanilla JS (if used with Lightbox enabled).
  • Gulp workflow
  • And much more

screenshot

]]>Elumina.meZolan2019-08-14T00:00:00+00:002019-08-14T00:00:00+00:00http://themes.jekyllrc.org/zolanZolan - Modern & Minimal Theme for Jekyll

Zolan is a modern and minimal Jekyll theme for sharing your ideas.

Table of Contents

Features

  • 100% responsive and clean theme

  • Optimized for mobile devices

  • Minimal design

  • Valid HTML5 code

  • Post sharing

  • Subscription form

  • Supports Disqus Comments

  • Instagram Feed

  • Ionicons Icons

  • Google Fonts

Demo

Check the theme in action Demo

Main page preview

The post page would look like this:

Post page preview

Deployment

To run the theme locally, navigate to the theme directory and run bundle install to install the dependencies, then run jekyll serve or bundle exec jekyll serve to start the Jekyll server.

I would recommend checking the Deployment Methods page on Jekyll website.

Posts

To create a new post, you can create a new markdown file inside the _posts directory by following the recommended file structure.

  ---
  layout: post
  title: Time to give gifts to everyone
  date: 2018-08-23 16:04:00 +0300
  image: 03.jpg
  tags: Life
  ---

You can set the tags and the post image.

Add post images to /images/ directory.

For tags, try to not add space between two words, for example, Ruby on Rails, could be something like (ruby-on-rails, Ruby_on_Rails, or Ruby-on-Rails).

Disqus Comments

Zolan Theme comes with Disqus comments enabled.

Open _data/settings.yml file, and change the mr-brown value on line 26 with your Disqus account shortname.

  Comment Section (Disqus)
  disqus-identifier: mr-brown # Add your shortname for Disqus Comment. For example mr-brown

That’s all you need to setup Disqus from the theme side. If you get any issue regarding that comments are unable to load. First, make sure you have registered your website with Disqus (Step 1).

And also check Disqus troubleshooting guide if you still have issues.

Instagram

The Instagram feed is working using Instafeed.js to show the photos.

First, you will need to get your account userId and accessToken from the following URLs:

Second, open the js/common.js file and replace the userId and accessToken values.

var instagramFeed = new Instafeed({
      get: 'user',
      limit: 6,
      resolution: 'standard_resolution',
      userId: '8987997106',
      accessToken: '8987997106.924f677.8555ecbd52584f41b9b22ec1a16dafb9',
      template: ''
});

Third, open the _data/settings.yml file and replace the instafeed: false on instafeed: true value.

# Instagram Feed
instafeed: false # To enable the instafeed, use the value true. To turn off use the value false.

Google Analytics

To integrate Google Analytics, open _data/settings.yml, and add your Google Analytics identifier.

# Google Analytics
google-analytics: # Add your identifier. For example UA-99631805-1

Update favicon

You can find the current favicon (favicon.ico) inside the theme root directory, just replace it with your new favicon.

Credits

I have used the following scripts, fonts or other files as listed.

License

Mit License

Support

If you like the themes that I create you can become my sponsor on Patreon.

Thank you for your support ❤️

]]>Artem Sheludkopanthera-jekyll2019-06-13T00:00:00+00:002019-06-13T00:00:00+00:00http://themes.jekyllrc.org/panthera-jekyllpanthera-jekyll is a quick and simple responsive developer portfolio theme for jekyll sites and GitHub Pages.

]]>Christian Ezeanidash2019-05-06T00:00:00+00:002019-05-06T00:00:00+00:00http://themes.jekyllrc.org/dashlogo

A dark theme for Jekyll, inspired by Dash UI for Atom. 🌒

logo

Installation

Add this line to your Jekyll site’s Gemfile:

gem "jekyll-dash"

And add this line to your Jekyll site’s _config.yml:

theme: jekyll-dash

And then execute:

$ bundle

Or install it yourself as:

$ gem install jekyll-dash

Configuration

Add the following configuration to your site. Customise it to your needs!

# jekyll-paginate
paginate: 5
paginate_path: "/blog/page:num/"

# jekyll-tagging (optional)
tag_permalink_style: pretty
tag_page_layout: tag_page
tag_page_dir: tag

dash:
  date_format: "%b %-d, %Y"

  disqus:
    shortname: <your-discuss-shortname>

  # generate social links in footer
  # supported colors: green, red, orange, blue, cyan, pink, teal, yellow, indigo, purple
  social_links:
    - url: https://twitter.com/bitbrain_
      icon: twitter-square
      color: cyan
    - url: https://bitbrain.itch.io
      icon: itch-io
      color: red
    - url: https://github.com/bitbrain
      icon: github-square
      color: purple

Additional Features

Tagging add the jekyll/tagging plugin to your _config.yml file to enable tagging. Do not forget to also add the following to your Gemfile:

gem "jekyll-tagging"

Gravatar if you want to display your gravatar picture, add the liquid-md5 to your _config.yml file. Do not forget to also add the following to your Gemfile:

gem "liquid-md5"
]]>Miguel Gonzalez Sanchezjekyll-theme-console2019-04-26T00:00:00+00:002019-04-26T00:00:00+00:00http://themes.jekyllrc.org/jekyll-theme-consolejekyll-theme-console

A jekyll theme with inspiration from linux consoles for hackers, developers and script kiddies.

Demo

Demo

Example

Screenshot

]]>b2a3e8Chelia2019-03-16T00:00:00+00:002019-03-16T00:00:00+00:00http://themes.jekyllrc.org/cheliaChelia - Simple & Responsive Portfolio Theme for Jekyll

Chelia is a simple and responsive portfolio theme for Jekyll. Chelia includes lots of flexible settings, created to showcase your personal data (skills, experience, education, work, blog, etc). A careful approach to design and features make it an easy solution for a site portfolio.

Table of Contents

Features

  • 100% responsive and clean theme
  • Optimized for mobile devices
  • Minimal design
  • Valid HTML5 code
  • Post sharing
  • SASS files included
  • Supports Disqus Comments
  • Ionicons Icons
  • Google Fonts
  • Many More

Demo

Check the theme in action Demo

Main page preview

Deployment

To run the theme locally, navigate to the theme directory and run bundle install to install the dependencies, then run bundle exec jekyll serve to start the Jekyll server.

I would recommend checking the Deployment Methods page on Jekyll website.

Posts

To create a new post, you can create a new markdown file inside the _posts directory by following the recommended file structure.

  ---
  layout: post
  title: Last weekend with friends
  date: 2018-08-23 16:04:00 +0300
  image: 03.jpg
  ---

You can set the tags and the post image.

Add post images to /images/ directory.

For tags, try to not add space between two words, for example, Ruby on Rails, could be something like (ruby-on-rails, Ruby_on_Rails, or Ruby-on-Rails).

Work

To create a new work item.

  1. Add example image work to /images/work/ directory.

  2. Change the name: and image: value in projects:

    projects:

    • {name: Design Talks, image: ‘10.jpg’}

Disqus Comments

Chelia Theme comes with Disqus comments enabled.

Open _data/settings.yml file, and change the mr-brown value on line 26 with your Disqus account shortname.

  Comment Section (Disqus)
  disqus-identifier: mr-brown # Add your shortname for Disqus Comment. For example mr-brown

That’s all you need to setup Disqus from the theme side. If you get any issue regarding that comments are unable to load. First, make sure you have registered your website with Disqus (Step 1).

And also check Disqus troubleshooting guide if you still have issues.

Google Analytics

To integrate Google Analytics, open _data/settings.yml, and add your Google Analytics identifier.

# Google Analytics
google-analytics: # Add your identifier. For example UA-99631805-1

Update favicon

You can find the current favicon (favicon.ico) inside the theme root directory, just replace it with your new favicon.

Credits

I have used the following scripts, fonts or other files as listed.

License

Mit License

Support

If you want to show your appreciation, buy me one Buy Me A Coffee Thank you for your support ❤️

]]>Artem Sheludko