Jekyll on Github Pages: any way to add footnotes in Markdown?
I use kramdown for markdown parsing and it handles footnotes nicely. Change this line in your _config.yml file: markdown: redcarpet to: markdown: kramdown
jekyll
Jekyll Filename Without Date
Don’t use posts; posts are things with dates. Sounds like you probably want to use collections instead; you get all the power of Posts; but without the pesky date / naming requirements. https://jekyllrb.com/docs/collections/ I use collections for almost everything that isn’t a post. This is how my own site is configured to use collections for … Read more
In Jekyll, is there a concise way to render a Markdown partial?
I was looking for this too, it was a PITA discovering how to do it, not much Google content, the most exact finding was a gist that wouldn’t work here… dead simple solution: ./_plugins/markdown_tag.rb: module Jekyll class MarkdownTag < Liquid::Tag def initialize(tag_name, text, tokens) super @text = text.strip end require “kramdown” def render(context) tmpl = … Read more
Upload images to GitHub from the browser
It is possible to upload the images from the browser, without using Git. Create a new GitHub issue and drag the image into the textbox. GitHub will upload the image and create a link like this one: https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg Source: GitHub’s Phil Haack
markdown link opening in new tab
The kramdown syntax: [link name](url_link){:target=”_blank”} can be parsed into HTML using the kramdown online editor: https://kramdown.herokuapp.com/ Then you can paste the HTML syntax into your markdown document. I used it because I already had quite a few kramdown references, and wanted to avoid retyping them in HTML.
Jekyll for loop over all images in a folder?
This worked like a charm for me. No plugins required. My images are in a assets/images/slider directory. {% for image in site.static_files %} {% if image.path contains ‘images/slider’ %} <img src=”https://stackoverflow.com/questions/17677094/{{ site.baseurl }}{{ image.path }}” alt=”image” /> {% endif %} {% endfor %} The image.path contains ‘images/slider’ makes sure that only images in that folder … Read more
Jekyll auto reloading
As of version 3.7 run jekyll serve –livereload.
jekyll debug or print all variables
With Jekyll 2.x, you can use this plugin. It allows you to do something like {{ site | debug }}. Since Jekyll 3, you have {{ variable | inspect }}.
Load Google Font with asynchronously or deferred without Font Face Observer
You can load the web fonts asynchronously with this script: <script> WebFontConfig = { typekit: { id: ‘xxxxxx’ } }; (function(d) { var wf = d.createElement(‘script’), s = d.scripts[0]; wf.src=”https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js”; wf.async = true; s.parentNode.insertBefore(wf, s); })(document); </script> You’ll need this library, it’s pretty easy to implement. I’ve learn this from a course I took recently, … Read more
How to customize Jekyll’s url?
In the _config file you can change the permalink to anything you like, for example mine is permalink: /blog/:title As for the date you can choose your own date using the YAML front matter, again in mine i have title: example date: you can pick what ever date you want