Understanding Jekyll while creating my GitHub Page
12 Jul 2020Tips
- Setting up Jekyll website is very easy, you can follow here.
- I used Hyde theme for my blog.
- 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.
- 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.
- 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">
- 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.
- I added anchors links to the headers in all the posts. I have written an article explaining how.
- 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>