Implementing 3 Different Website Features with Jekyll Using Includes
In this 20 minute video we'll cover using the same pattern to add a few useful features on a blog powered by a static site generator.
Quick Jump:
About 4 years ago I created this site with Jekyll. During that time I’ve added a bunch of little features to my site using features provided by Jekyll, such as being able to include files.
Technically you can do everything we cover in this video using any static site generator that supports including files such as Hugo, but we’re going to focus on implementing them in Jekyll since that’s what powers this site.
# Adding Features for a Table of Contents, Affiliate Link Notice and Embedding Videos
Timestamped Table of Contents
- 0:40 – The 3 features we’re going to cover implementing in Jekyll
- 2:03 – Why I decided to post an affiliate link notice on my site
- 5:01 – Implementing an affiliate link notice on posts that have affiliate links
- 8:04 – Counting posts with affiliate links on the command line using grep and wc
- 8:58 – Adding a table of contents or quick jump nav bar with Jekyll
- 13:17 – Adding a Youtube or media embed feature using includes with Jekyll
- 15:32 – The missing named anchor for making the table of contents work
- 16:21 – Back to including the Youtube embed into a blog post
- 19:27 – Wrapping up and reviewing using includes with Jekyll
- 20:05 – Do you want to see more Jekyll content? Let me know in the comments
Reference Links
- https://jekyllrb.com
- https://nickjanetakis.com/blog/the-tools-i-use
- https://nickjanetakis.com/blog/upgrading-a-dockerized-flask-app-from-python-2-7-to-python-3-7
- https://nickjanetakis.com/blog/why-the-amazon-basics-keyboard-is-my-favorite-keyboard
- https://news.ycombinator.com/item?=id=20866319
- https://github.com/nickjj/dotfiles
- https://nickjanetakis.com/blog/learning-a-new-web-framework-with-question-driven-development
What features have you developed with include files? Let me know below.