Custom navbar links with jekyll

Here’s how I coaxed jekyll into allowing me to link to external content with a single line of javascript.

Jekyll is hard, html is easy

For some reason jekyll doesn’t like putting links to external content within the navbar. I fixed this with a little bit of javascript.

Edit yourlink.html

---
% yourlink
---
<!DOCTYPE html>
  <html>
    <head>
      <script type="text/javascript"> 
        window.location.replace("https://your.custom.link"); 
      </script>
    </head>

  <body>
    <p> 
      You're being redirected to 
      <a href="https://your.custom.link"> https://your.custom.link</a>. 
      If the page doesn't load automatically please click the link.
    </p>
  </body>
</html>

Edit your _config.yml

header_pages:
  - index.markdown
  - yourlink.html