In this blog post, I’d like to mention some resources that helped me along setting up this blog.
Unfortunately I cannot remember where I got the base template for my blog. I was looking for a very lightweight theme and did not want to import all the Bootstrap or Foundation stuff. Finally I came up with the structure that you can find in my blog’s Github repository.
Since CSS is not my strength, I had to look up quite a few things. The CSS for the sticky footer (yes, it’s called sticky footer even if it is not displayed on the bottom of the browser window all the time) can be found on this website.
For me it was the first time using inlined SVGs as icons building this blog. The theme brought some of those SVGs with it. I created the one for Slideshare using the Socicon Font and Adobe Illustrator following this documentation from css-tricks. What you basically have to do is copy the svg code that Illustrator creates and use it like in the following snippet:
You can then set the color for the icon in your css class, e.g.
Social Media Buttons
For the rendering of the social media buttons I wanted to have simple but fancy buttons I found those codesnippets on Codepen which I liked a lot and build them into my blog. Since the snippet came in sass and I used scss in my styles, I found this sass to scss converter very useful.
Here is a nice article on how to generate the social URLs with jekyll.
Make sure to have the
site.url set in your
Enabling Disqus Comments in Github Pages
This is pretty simple. First register a new site in the Disqus Admin Center. Use “Add new website” to register your new site. You’ll get a code snippet then, e.g.
This snippet can be put into a file
_includes/disqus.html within your Jekyll sources. You can now include it in your
Here is a collection of further resources for using Jekyll