{"componentChunkName":"component---src-templates-tag-js","path":"/tags/blog/","result":{"data":{"site":{"siteMetadata":{"title":"LoginRadius Blog"}},"allMarkdownRemark":{"totalCount":1,"edges":[{"node":{"fields":{"slug":"/engineering/setup-blog-in-minutes-with-jekyll/"},"html":"

A blog lets a person express his/her thoughts, and everyone craves to have his/her blog. Creating a blog is quite simple as of today. Open-source software such as wordpress, jekyll, hugo can help you create & set up your blog. In this post, we will see about Jekyll and how to host it in Github for free.

\n

Create a brand new Jekyll blog

\n

Install Jekyll using the instructions provided here. You mainly need ruby, ruby gems, gcc, make as pre-requisite. Run the below commands to get a new blog up and running.

\n
gem install jekyll bundler\njekyll new my-new-blog\ncd my-new-blog\nbundle exec jekyll serve
\n

That's it. You can navigate to http://localhost:8080 and see your blog up and running like this

\n

\n \n \n

\n

Customizing the blog

\n

As you see, the blog is a bare minimum, and the default values mentioned in the config file (_config.yml) are used. You can use the _config.yml file to add new plugins, provide metadata about the blog, add your social media profiles, modify themes, etc.

\n

Plugins

\n

Some well-known plugins, to name a few are,

\n\n

You can know about other useful plugins here.

\n

Themes

\n

Minima is the default theme for Jekyll. There are many other themes that you can use too. It is possible to customize the minima theme by adding your CSS and Html. Adding support for comments using Disqus is in-built. Also, there is a provision to enable Google Analytics.

\n

Liquid templating

\n

It need not be that all the contents in the blog have to be static. You can add dynamic content using Liquid templating. Jekyll provides tag and filter options on top of liquid.

\n

Using the custom domain name for the blog

\n

You can specify your custom domain by adding a file CNAME in the git repo, as mentioned here.

\n

Hosting & deploying the blog with Github pages

\n

Using your GitHub account, create a new repository. Push the contents of the jekyll blog created above to the new repository. Go to the github project settings page, generally available in the url\nhttps://github.com/<github-id>/my-new-blog/settings.\nIn the settings page, under the Github pages section, specify the branch to use for the github source. This can be the main branch or some other branch in the repository.

\n

\n \n \n

\n

As soon as the github page is enabled on a branch, github automatically creates actions to build the jeyll blog on a new commit to the branch.

\n

\n \n \n

\n

Advantages of using Jekyll & Github pages

\n\n

When not to use Jekyll

\n\n

Let's get started with blogging using Jekyll & Github pages. Happy blogging!!

\n","frontmatter":{"date":"October 26, 2020","updated_date":null,"title":"Setup a blog in minutes with Jekyll & Github","tags":["jekyll","blogging","blog","github-pages"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/9fbd82ab49f5445a4a179ab4b9c886ee/ee604/jekyll-github-pages.png","srcSet":"/static/9fbd82ab49f5445a4a179ab4b9c886ee/69585/jekyll-github-pages.png 200w,\n/static/9fbd82ab49f5445a4a179ab4b9c886ee/497c6/jekyll-github-pages.png 400w,\n/static/9fbd82ab49f5445a4a179ab4b9c886ee/ee604/jekyll-github-pages.png 800w,\n/static/9fbd82ab49f5445a4a179ab4b9c886ee/db955/jekyll-github-pages.png 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Malathi T","github":"malathit","avatar":null}}}}]}},"pageContext":{"tag":"blog"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}