• Embed GIFs into the Jekyll based blog that’s hosted on Github Pages and edited via StackEdit
  • Format the raw github URL
  • Adjust the size as needed
  • Works within StackEdit but not on the published blog:

      ![Demo](https://github.com/learnwell/learnwell.github.io/raw/master/assets/img/input-focus-within-modal.gif =350x)
    

  • Works both places:

      <img src="https://github.com/learnwell/learnwell.github.io/raw/master/assets/img/input-focus-within-modal.gif" width="350"/>
    

• Use sylhare/Type-on-Strap as a starter template for creating a Jekyll and GitHub Pages based blog.
• Emojis in Jekyll posts
  1. On Mac, use ctrl+cmd+space and select the emoji to embed directly.
  2. Emojis on GitHub Pages sometimes break as versions come & go with Jekyll + kramdown + Github Pages combination so I’ve stopped trusting it.
  3. Using markdown when writing via StackEdit sometimes breaks as versions come & go with Jekyll + kramdown + Github Pages combination so I’ve stopped trusting it.
     • Caveat:
       • Older icons provided in stackedit v4 were deprecated.
       • Current icons used here are what’s supported for stackedit v5.
• Expand/collapse content in Jekyll posts
  • Discussion and Examples 1
  • Discussion and Examples 2
• Escape Liquid template tags in Jekyll posts
  • Article
• Add Table of Contents to Jekyll posts

  	
    * TOC
    {:toc}
  	
  

• List of supported jekyll plugins for github pages
• Relative links or linking to posts.
• Open links in new tab
  • [link](url){:target="_blank"}
  • will work when using kramdown

Written with StackEdit.