Understanding Jekyll while creating my GitHub Page

Tips

  1. Setting up Jekyll website is very easy, you can follow here.
  2. I used Hyde theme for my blog.
  3. I followed this blog to add tags to my post. After adding tags, I also followed the blogs’ github repo to style my blog. All I did was replace the hyde.css and poole.css from that blog.
  4. When my blog was up, I started to get Not Secure on the page, but this was because some of the posts which came from the theme had image links with http instead of https. After I removed those posts, I could get Secure on my site.
  5. To get those social media icons on the sidebar, I added the following line of code to _layouts/default.html. And then added the social media icon links in _includes/sidebar.html.
     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    
  6. I added google analytics following this blog. One small thing you have to do is, add <script>…</script> tag in the analytics.html file and then add the code provided in the blog in between these.
  7. I added anchors links to the headers in all the posts. I have written an article explaining how.
  8. Adding MathJax support to include mathematical symbols and equations in your posts by addding the following snippet to _includes/head.html before the end tag </head>.
     <script type="text/javascript" async
     src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML">
     </script>