{"id":19799,"date":"2014-04-14T15:01:07","date_gmt":"2014-04-14T07:01:07","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19799"},"modified":"2025-04-04T01:44:14","modified_gmt":"2025-04-03T17:44:14","slug":"blog-with-jekyll","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/","title":{"rendered":"How to Create a Blog Using Jekyll: A Guide for Beginners"},"content":{"rendered":"<p>Originally just a blogging platform, WordPress has evolved into a fully featured <abbr title=\"Content Management System\">CMS<\/abbr>. With WordPress, you can create nearly any type of website, from a <a href=\"https:\/\/www.hongkiat.com\/blog\/beautiful-creative-single-page-portfolio-websites\/\">portfolio<\/a> to an <a href=\"https:\/\/www.hongkiat.com\/blog\/ecommerce-website-tips\/\">e-commerce site<\/a>.<\/p>\n<p>But what if your main interest is blogging and you don\u2019t need all the extra features of WordPress like custom taxonomy, user management, comment moderation, and a robust media uploader?<\/p>\n<p>If you\u2019re focused on just <strong>writing and publishing your content<\/strong>, consider using <strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jekyllrb.com\/\">Jekyll<\/a><\/strong>, a static blogging engine.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/create-github-page\/\" class=\"ref-block__link\" title=\"Read More: How to Create a Github Page for Your Project\" rel=\"bookmark\"><span class=\"screen-reader-text\">How to Create a Github Page for Your Project<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/create-github-page.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-18177 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/create-github-page.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">How to Create a Github Page for Your Project<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tSo here is the story: you built a cool open source project and shared it to the world...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>About Jekyll<\/h2>\n<p>Jekyll allows for the creation of a simple, maintainable static HTML blog. Unlike dynamic blogging platforms like WordPress, which rely on server-side languages like PHP, a static website offers two main advantages.<\/p>\n<p>First, it <strong>delivers content and performs faster<\/strong>. Second, it <strong>uses fewer web resources such as memory and database I\/O<\/strong>. Additionally, Jekyll enables you to host your blog on <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pages.github.com\/\">GitHub Pages<\/a> at no cost.<\/p>\n<h2>Install Jekyll<\/h2>\n<p>First, let\u2019s get Jekyll installed on your system. Open your Terminal and enter the following command:<\/p>\n<pre>\r\nsudo gem install jekyll\r\n<\/pre>\n<p>After installation, run the following command to check if the <code>jekyll<\/code> command is working:<\/p>\n<pre>\r\njekyll -v\r\n<\/pre>\n<p>This command should display the installed version of Jekyll, as shown below:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-version.jpg\" alt=\"Jekyll version displayed in terminal\" height=\"120\" width=\"500\"><\/figure>\n<h2>Create a Jekyll Site<\/h2>\n<p>To start a new blog with Jekyll, type <code>jekyll new<\/code> followed by your desired site name in Terminal. For instance:<\/p>\n<pre>\r\njekyll new jekyll-blog\r\n<\/pre>\n<p>This command will create a new directory named <strong>jekyll-blog<\/strong> and include the necessary files and folders for your site, as seen here:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/new-jekyll.jpg\" alt=\"Newly created Jekyll blog directory\" height=\"230\" width=\"500\"><\/figure>\n<p>To launch the Jekyll server, enter this command:<\/p>\n<pre>\r\njekyll serve\r\n<\/pre>\n<p>You can also start the server with the <code>--watch<\/code> option to automatically apply changes to your blog as you make them.<\/p>\n<p>Then, open your browser and type <code>http:\/\/localhost:4000<\/code>, or the address displayed in your Terminal, to view your blog.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-server.jpg\" alt=\"Jekyll server running on localhost\" height=\"230\" width=\"500\"><\/figure>\n<h2>The Document Structure<\/h2>\n<p>Jekyll requires a specific document structure to ensure the blog functions correctly. Here\u2019s a breakdown of what\u2019s typically found in a Jekyll blog directory:<\/p>\n<pre>\r\n|-- _config.yml\r\n|-- _layouts\r\n|-- _posts\r\n|-- _site\r\n|-- css\r\n`-- index.html\r\n<\/pre>\n<p>First, there\u2019s <code>_config.yml<\/code>, the blog\u2019s configuration file, written in <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/yaml.org\/\">YAML<\/a>. This file allows you to set options like the blog name, permalink format, host, and port number.<\/p>\n<p>The <strong>_layouts<\/strong> directory is where you place custom layouts for pages or posts.<\/p>\n<p>The <strong>_posts<\/strong> directory is where all blog posts are stored. Posts can be written in Markdown or Textile and will be compiled into the <strong>_site<\/strong> directory. This is where Jekyll serves the posts to the browser.<\/p>\n<p>Lastly, the <strong>css<\/strong> directory and <code>index.html<\/code> file are also present.<\/p>\n<p>For now, we will leave these settings as they are and start writing our first post.<\/p>\n<h2>Writing a New Post<\/h2>\n<p>As we\u2019ve mentioned, in Jekyll, posts can be written using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/\">Markdown<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.promptworks.com\/textile\">Textile<\/a>. If you\u2019re unfamiliar with Markdown, consider reading our guide on <a href=\"https:\/\/www.hongkiat.com\/blog\/web-content-with-markdown\/\">how to write with Markdown<\/a> before proceeding.<\/p>\n<h3>Naming Convention<\/h3>\n<p>To create a post, you need to create a new file following this naming convention: <code>year-month-date-{post-slug}.{file-extension}<\/code>, for example: <code>2014-03-11-hello-world.md<\/code>. This file should be saved in the <strong>_posts<\/strong> directory.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/new-post.jpg\" alt=\"New post creation in Jekyll\" height=\"230\" width=\"500\"><\/figure>\n<h3>Post Front-matter<\/h3>\n<p>Before writing the content of a post, you must define the post\u2019s <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.scribendi.com\/academy\/articles\/front_matter.en.html\">front-matter<\/a>, which includes the <strong>title<\/strong> and the <strong>post layout<\/strong>. You can also specify categories and tags, but these are optional. The front-matter should be enclosed within triple-dashed lines. Here is an example:<\/p>\n<pre>\r\n---\r\nlayout: post\r\ntitle: Hello World!\r\n---\r\n<\/pre>\n<p>After setting the front-matter, you can proceed to write your content:<\/p>\n<pre>\r\nHello world! Welcome to Jekyll. This is your first post.\r\n<\/pre>\n<p>Save the file, and you will see the post generated and displayed on your blog.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/post-published.jpg\" alt=\"Published post in Jekyll\" height=\"250\" width=\"500\"><\/figure>\n<h2>Wrap up<\/h2>\n<p>This guide has shown you how to install Jekyll and write your first post. These are the basics that will help you get started with Jekyll. There\u2019s much more to explore with Jekyll, and we\u2019ll cover those topics in future posts. Stay tuned.<\/p>","protected":false},"excerpt":{"rendered":"<p>Originally just a blogging platform, WordPress has evolved into a fully featured CMS. With WordPress, you can create nearly any type of website, from a portfolio to an e-commerce site. But what if your main interest is blogging and you don\u2019t need all the extra features of WordPress like custom taxonomy, user management, comment moderation,&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3408,352],"tags":[3093],"topic":[4520,4523],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Create a Blog Using Jekyll: A Guide for Beginners - Hongkiat<\/title>\n<meta name=\"description\" content=\"Originally just a blogging platform, WordPress has evolved into a fully featured CMS. With WordPress, you can create nearly any type of website, from a\" \/>\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.hongkiat.com\/blog\/blog-with-jekyll\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Blog Using Jekyll: A Guide for Beginners\" \/>\n<meta property=\"og:description\" content=\"Originally just a blogging platform, WordPress has evolved into a fully featured CMS. With WordPress, you can create nearly any type of website, from a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-14T07:01:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:44:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-version.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"How to Create a Blog Using Jekyll: A Guide for Beginners\",\"datePublished\":\"2014-04-14T07:01:07+00:00\",\"dateModified\":\"2025-04-03T17:44:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/\"},\"wordCount\":599,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/blog-with-jekyll\\\/jekyll-version.jpg\",\"keywords\":[\"Jekyll\"],\"articleSection\":[\"Blogging\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/\",\"name\":\"How to Create a Blog Using Jekyll: A Guide for Beginners - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/blog-with-jekyll\\\/jekyll-version.jpg\",\"datePublished\":\"2014-04-14T07:01:07+00:00\",\"dateModified\":\"2025-04-03T17:44:14+00:00\",\"description\":\"Originally just a blogging platform, WordPress has evolved into a fully featured CMS. With WordPress, you can create nearly any type of website, from a\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/blog-with-jekyll\\\/jekyll-version.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/blog-with-jekyll\\\/jekyll-version.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/blog-with-jekyll\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Blog Using Jekyll: A Guide for Beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create a Blog Using Jekyll: A Guide for Beginners - Hongkiat","description":"Originally just a blogging platform, WordPress has evolved into a fully featured CMS. With WordPress, you can create nearly any type of website, from a","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.hongkiat.com\/blog\/blog-with-jekyll\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Blog Using Jekyll: A Guide for Beginners","og_description":"Originally just a blogging platform, WordPress has evolved into a fully featured CMS. With WordPress, you can create nearly any type of website, from a","og_url":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-04-14T07:01:07+00:00","article_modified_time":"2025-04-03T17:44:14+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-version.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"How to Create a Blog Using Jekyll: A Guide for Beginners","datePublished":"2014-04-14T07:01:07+00:00","dateModified":"2025-04-03T17:44:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/"},"wordCount":599,"commentCount":11,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-version.jpg","keywords":["Jekyll"],"articleSection":["Blogging","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/","url":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/","name":"How to Create a Blog Using Jekyll: A Guide for Beginners - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-version.jpg","datePublished":"2014-04-14T07:01:07+00:00","dateModified":"2025-04-03T17:44:14+00:00","description":"Originally just a blogging platform, WordPress has evolved into a fully featured CMS. With WordPress, you can create nearly any type of website, from a","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-version.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/blog-with-jekyll\/jekyll-version.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create a Blog Using Jekyll: A Guide for Beginners"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-59l","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=19799"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19799\/revisions"}],"predecessor-version":[{"id":73678,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19799\/revisions\/73678"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19799"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}