{"id":4448,"date":"2018-03-22T16:08:31","date_gmt":"2018-03-22T16:08:31","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2018\/03\/22\/how-to-change-your-jekyll-theme-with-rubygems\/"},"modified":"2021-08-16T22:28:12","modified_gmt":"2021-08-17T02:28:12","slug":"how-to-change-your-jekyll-theme-with-rubygems","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/","title":{"rendered":"How to Change Your Jekyll Theme with RubyGems"},"content":{"rendered":"<p>Continuing in our Jekyll series, we have already learned how to <a href=\"\/support\/website\/jekyll\/how-to-create-a-jekyll-site\/\">create a Jekyll site<\/a>. And you will have noticed that the Jekyll site comes with a default theme. In this article, we&#8217;re going to show you how to change your Jekyll theme from the default to a theme of your choosing.<\/p>\n<p>In order for this process to work correctly, make sure you have installed the most recent version of Ruby on your computer. Jekyll uses RubyGems to manage packages you may want to install. The theme, in this case, is a package we will grab for our site.<\/p>\n<h2>Shop Around for Themes<\/h2>\n<p>You can find hundreds of Jekyll themes on the RubyGems website searching for <em>jekyll-theme<\/em>. These are all themes that will work with your Jekyll site.<\/p>\n<h2>How to Change Your Jekyll Theme<\/h2>\n<p>Follow along with the steps below to see how you can use RubyGems to install a new Jekyll theme.<\/p>\n<ol class=\"article_list\">\n<li>Open your Gemfile<\/li>\n<li>Add the theme to the Gemfile<br \/>\n<code>gem \"jekyll-theme-example\"<\/code><\/li>\n<li>Open your terminal<\/li>\n<li>Install theme using the following command\n<pre class=\"cli\">bundle install<\/pre>\n<\/li>\n<li>Add the theme to your <code>_config.yml<\/code> file<br \/>\n<code>theme: jekyll-theme-example<\/code><\/li>\n<li>Run the build command\n<pre class=\"cli\">bundle exec jekyll serve<\/pre>\n<\/li>\n<\/ol>\n<p>Now you should be able to navigate to your staging URL (https:\/\/127.0.0.1:4000\/) to see the changes. Your new theme will load with the site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continuing in our Jekyll series, we have already learned how to create a Jekyll site. And you will have noticed that the Jekyll site comes with a default theme. In this article, we&#8217;re going to show you how to change your Jekyll theme from the default to a theme of your choosing. In order for<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\"> Read More ><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4306],"tags":[],"class_list":["post-4448","post","type-post","status-publish","format-standard","hentry","category-jekyll"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Change your Jekyll Theme with Rubygems<\/title>\n<meta name=\"description\" content=\"Learn how to use Rubygems to change your Jekyll theme. You will see how find a new theme and then add it to your Jekyll site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change your Jekyll Theme with Rubygems\" \/>\n<meta property=\"og:description\" content=\"Learn how to use Rubygems to change your Jekyll theme. You will see how find a new theme and then add it to your Jekyll site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-22T16:08:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T02:28:12+00:00\" \/>\n<meta name=\"author\" content=\"Christopher Maiorana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Maiorana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\"},\"author\":{\"name\":\"Christopher Maiorana\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\"},\"headline\":\"How to Change Your Jekyll Theme with RubyGems\",\"datePublished\":\"2018-03-22T16:08:31+00:00\",\"dateModified\":\"2021-08-17T02:28:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\"},\"wordCount\":214,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"articleSection\":[\"Jekyll\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\",\"name\":\"How to Change your Jekyll Theme with Rubygems\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"datePublished\":\"2018-03-22T16:08:31+00:00\",\"dateModified\":\"2021-08-17T02:28:12+00:00\",\"description\":\"Learn how to use Rubygems to change your Jekyll theme. You will see how find a new theme and then add it to your Jekyll site.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change Your Jekyll Theme with RubyGems\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\",\"name\":\"Christopher Maiorana\",\"description\":\"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change your Jekyll Theme with Rubygems","description":"Learn how to use Rubygems to change your Jekyll theme. You will see how find a new theme and then add it to your Jekyll site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/","og_locale":"en_US","og_type":"article","og_title":"How to Change your Jekyll Theme with Rubygems","og_description":"Learn how to use Rubygems to change your Jekyll theme. You will see how find a new theme and then add it to your Jekyll site.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2018-03-22T16:08:31+00:00","article_modified_time":"2021-08-17T02:28:12+00:00","author":"Christopher Maiorana","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Christopher Maiorana","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/"},"author":{"name":"Christopher Maiorana","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f"},"headline":"How to Change Your Jekyll Theme with RubyGems","datePublished":"2018-03-22T16:08:31+00:00","dateModified":"2021-08-17T02:28:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/"},"wordCount":214,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"articleSection":["Jekyll"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/","name":"How to Change your Jekyll Theme with Rubygems","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"datePublished":"2018-03-22T16:08:31+00:00","dateModified":"2021-08-17T02:28:12+00:00","description":"Learn how to use Rubygems to change your Jekyll theme. You will see how find a new theme and then add it to your Jekyll site.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/jekyll\/how-to-change-your-jekyll-theme-with-rubygems\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change Your Jekyll Theme with RubyGems"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f","name":"Christopher Maiorana","description":"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.","sameAs":["https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/4448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=4448"}],"version-history":[{"count":5,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/4448\/revisions"}],"predecessor-version":[{"id":83732,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/4448\/revisions\/83732"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=4448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=4448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=4448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}