{"componentChunkName":"component---src-templates-blog-post-template-js","path":"/2016/12/17/starting-again-with-jekyll/","result":{"data":{"mdx":{"id":"a345317b-5454-5569-9b00-4f9dad37996f","frontmatter":{"title":"Starting again with Jekyll","date":"2016 December 17th","cover":null},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"date\": \"2016-12-17T00:00:00.000Z\",\n  \"title\": \"Starting again with Jekyll\",\n  \"tags\": [\"ramble\"],\n  \"published\": true\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"Since setting up this blog I haven\\u2019t really bothered with Jekyll any\\nmore than just forking Barry Clarke\\u2019s repo of Jekyll Now and adding\\nthese posts as and when the feeling takes me.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"498px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/9a6784d0e7ab903d7aa9970e804ccaa3/79e1b/jekyll-logo.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"46.1847389558233%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'185\\\\'%3e%3cpath%20d=\\\\'M354%2019c-2%201%200%204%206%207%2011%205%2019%205%2015%200-4-4-18-9-21-7m26%2016c-2%202-9%2020-25%2062l-24%2062c-3%205-8%208-15%208-4%200-5%200-4%201%204%203%2014%200%2018-4l24-61c26-67%2024-64%2028-68l3-3c0-2-2-1-5%203m-23%2039c-4%203-10%206-17%208-9%203-13%207-18%2020-4%2011-4%2011%200%207l4-2-9%209c-9%209-11%2012-6%208%204-3%204-3-2%2012s-6%2018-1%2024c3%202%205%203%208%203%209%200%209%200%2027-48a1572%201572%200%200014-41\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/9a6784d0e7ab903d7aa9970e804ccaa3/60a22/jekyll-logo.webp 160w\", \"/static/9a6784d0e7ab903d7aa9970e804ccaa3/4c812/jekyll-logo.webp 320w\", \"/static/9a6784d0e7ab903d7aa9970e804ccaa3/71ce1/jekyll-logo.webp 498w\"],\n    \"sizes\": \"(max-width: 498px) 100vw, 498px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/9a6784d0e7ab903d7aa9970e804ccaa3/69538/jekyll-logo.png 160w\", \"/static/9a6784d0e7ab903d7aa9970e804ccaa3/72799/jekyll-logo.png 320w\", \"/static/9a6784d0e7ab903d7aa9970e804ccaa3/79e1b/jekyll-logo.png 498w\"],\n    \"sizes\": \"(max-width: 498px) 100vw, 498px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/9a6784d0e7ab903d7aa9970e804ccaa3/79e1b/jekyll-logo.png\",\n    \"alt\": \"jekyll logo\",\n    \"title\": \"jekyll logo\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"So I got to checking out Barry\\u2019s blog and his Jekyll Now templates and\\ntried to make sense of the two so I could make my own, based off of\\nthe ideas I got from Barry\\u2019s blog.\"), mdx(\"h2\", {\n    \"id\": \"development-environment-enter-cloud-9\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#development-environment-enter-cloud-9\",\n    \"aria-label\": \"development environment enter cloud 9 permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Development environment, enter Cloud 9\"), mdx(\"p\", null, \"I tried to set up Ruby on my Windows machine and it didn\\u2019t go well,\\nthen I tried to set it up on my Raspberry Pi, that didn\\u2019t go well\\neither. Then I recalled that I could have any number of different\\nenvironments with \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://c9.io/?redirect=0\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"Cloud9\"), \" so I set up a\\nRuby machine on there and installed Jekyll, no problem\"), mdx(\"h3\", {\n    \"id\": \"setup\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#setup\",\n    \"aria-label\": \"setup permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Setup\"), mdx(\"p\", null, \"It wasn\\u2019t as simple as just going to the local host page as it\\u2019s a\\ncloud based system so after som digging I found this from\\nJean-Fran\\xE7ois L\\u2019Heureux \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/jflheureux\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"jflheureux\"), \" on\\nGitHub.\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.jflh.ca/2016-01-18-running-jekyll-on-cloud9\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"https://www.jflh.ca/2016-01-18-running-jekyll-on-cloud9\")), mdx(\"p\", null, \"Basically you need to set up a Run Configuration on your c9 box,\\nthanks for that Jean-Fran\\xE7ois.\"), mdx(\"h2\", {\n    \"id\": \"css\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#css\",\n    \"aria-label\": \"css permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"CSS\"), mdx(\"p\", null, \"For some reason I thought that a Jekyll page didn\\u2019t use CSS, well the\\nreason may have been that there was nothing like that in the \\u2018vanilla\\u2019\\nJekyll site when you run the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"jekyll new myblog\"), \" you get very little\\nin the was of bells and whistles.\"), mdx(\"h4\", {\n    \"id\": \"here-is-the-base-project\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h4\"\n  }, {\n    \"href\": \"#here-is-the-base-project\",\n    \"aria-label\": \"here is the base project permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"here is the base project\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"430px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/f23bbe735fd8a42717474db5013e7542/05ed2/base-jekyll-project.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"137.4418604651163%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'550\\\\'%3e%3cpath%20d=\\\\'M13%2029c-3%204-3%2011%200%2014%204%204%2013%202%2013-3%200-2-3-2-4%200-2%202-6%201-7-3%200-5%203-8%206-4%202%201%205%201%205-1s-5-5-8-5l-5%202m61-1l-1%203c0%201%200%202-2%201-5-1-9%206-6%2011%202%202%203%202%207%202h5v-9c0-9-1-11-3-8m7%201c-4%204-1%2011%204%2010%201-1%202%200%202%201%200%202-2%202-4%201l-3-1c-1%202%202%204%205%205%204%200%206-3%206-8%200-9-5-13-10-8m119-1l-1%209v8h7l7-1-5-1c-6%200-6%200-6-3s0-3%205-3l5-1-5-1c-5%200-5%200-5-2%200-3%200-3%205-3l6-1c0-2-12-2-13-1m24%200l-1%203c0%201%200%202-2%201-4%200-6%202-6%206%200%205%201%207%207%207h4v-9c0-8-1-10-2-8m92%202c0%202%200%203-3%202-2%200-3%200-4%202-4%205-1%2011%205%2011h4v-8a297%20297%200%2001-1-10l-1%203M37%2034c-3%202-3%207%200%209%206%206%2015-3%209-9-2-2-6-3-9%200m14%204l1%207h10v-6c0-6%200-7-2-7s-2%201-2%205c-1%206-3%207-3%200%200-3-1-5-2-5-2%200-2%201-2%206m103-5c-2%201-3%206-2%209%202%203%208%204%2010%202s0-4-1-2h-6c-1-2-1-2%203-2%205%200%205%200%205-2%200-4-5-7-9-5m223%201c-4%204-1%2011%204%2011l5-2c2-2%201-2-2-1s-6%201-6-1l5-1c4%200%204%200%204-2%200-5-6-8-10-4M53%2099c-4%202-6%2021-3%2024h31v-20l-8-1c-6%200-7%200-9-2s-8-3-11-1m289%203c0%202%200%202-3%202-3-1-6%201-4%203%201%201%200%204-2%204-1-1-1%200-1%202l1%203c2%200%203%202%202%203s-1%202%201%203c1%202%202%202%202%201%202-2%204-1%204%201%200%201%201%202%203%202l2-2c0-2%203-3%204-1%203%202%205-2%203-4-1-2-1-2%201-3%204-1%204-5%201-5-2-1-2-1-2-4%201-3-1-6-3-4-1%202-4%201-4-1l-2-2c-2%200-3%201-3%202M51%20113v9h30v-7c0-12%201-11-16-11H51v9m63%200c0%207%200%208%203%208s6-3%206-7c0-3-2-5-5-5-2%201-2%200-2-2l-1-2-1%208m82-3a267%20267%200%20001%2014l1-2c0-1%200-2%202-1s5-3%205-7-2-5-6-5l-3%201M79%20140c-4%202-6%2021-3%2024h31v-20l-8-1c-6%200-8%200-9-2s-8-3-11-1m-2%2014v9h30v-17l-15-1H77v9m61-6l-2%202-2%201c-5-2-9%202-7%207%200%203%203%204%206%203%203%200%202-2-1-2s-3%200-3-3%201-4%204-4l4%202%204%202c3%200%202%202-1%203-2%201-3%202-1%203%206%201%209-11%205-15-3-1-4-1-6%201m-60%2033l-2%204v20h31v-20l-8-1c-6%200-8%200-9-2s-10-3-12-1m-1%2014v9h30v-17l-15-1H77v9m90%204l1%207%201-2%201-2c3%201%206-2%206-5%200-4-2-6-6-6h-3v8M16%20216c-4%201-4%203-4%2020%200%2014%200%2017%202%2018%201%202%2019%202%20183%202h182l1-2c2-2%202-6%202-19v-16l-3-2-2-2H197l-181%201m61%2020v9h14c17%200%2016%201%2016-11v-6l-15-1H77v9m71-1v8h4c4%200%206-1%206-5s-2-6-5-6l-2-2-2-3-1%208m-27%203l1%205%201-4%201-4c2-1%203%200%203%204%200%206%203%205%203%200%201-6%203-6%203-1%200%204%200%205%202%205%201%200%202-8%200-10l-8-1h-6v6m44-4c-2%201-2%206-1%208%202%202%208%201%209-1h2l4%202c2%200%203%200%202%201l-3%201c-2-1-3-1-3%201%200%201%206%202%208%200l1-8v-6h-3c-3%200-4%201-5%202l-2%202-2-2c-1-2-5-3-7%200m-66%2033c-3%205-3%2018%200%2020h30l1-11v-9l-8-1c-6%200-8%200-9-2s-2-2-7-2h-5l-2%205m1%201l-1%209%201%209h29v-9l-1-9-14-1-14%201m86%204v7l1%205h6c6%200%207-1%207-3s-1-2-3-3c-3-1-3-3%201-3h2c-1-2-5-2-7-1h-1l-2-1-2-1c0-3-2-2-2%200m-32%209l1%207%201-2c0-2%201-2%203-2%204%200%206-4%204-8%200-2-1-3-5-3h-4v8m-4%2034l-1%205c0%203%202%205%205%205%201%200%202%200%201%201l-3%201c-1-1-2%200-2%201h7l1-8v-6h-3l-5%201m28%201c-4%204-2%209%203%209%202%200%203%200%202%201l-3%201h-3c1%202%206%202%207%200%202-1%202-3%202-7v-6h-3l-5%202m-56%200l1%204v4c-1%201-1%201-1-1%200-4-1-5-5-4-3%200-3%200-3%204l-1%204c-2-1-2%200-2%202s0%203%202%203h7l4-1%201-2%201-3%201-3-1-2-1-2-1-3h-2m76%2040l-1%205c0%203%202%205%205%205%201%200%202%200%201%201l-3%201c-1-1-2%200-2%201h7l1-8v-6h-3l-5%201m-44%2043v8h3c5%200%206-2%206-7%200-3-1-3-4-3s-3-1-3-3l-1-3-1%208m71-5l-2%202c-3%200-6%203-6%205%200%204%202%206%206%206h4v-8l-1-8-1%203m-59%20123c0%202%200%202-2%202-1-1-6%203-6%205%200%203%203%206%207%206h3v-8l-1-8-1%203m55%200c0%201%200%202-1%201-2-1-6%203-6%206%200%204%202%206%206%206h4v-8l-1-8c-1%200-2%201-2%203\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/f23bbe735fd8a42717474db5013e7542/60a22/base-jekyll-project.webp 160w\", \"/static/f23bbe735fd8a42717474db5013e7542/4c812/base-jekyll-project.webp 320w\", \"/static/f23bbe735fd8a42717474db5013e7542/866c5/base-jekyll-project.webp 430w\"],\n    \"sizes\": \"(max-width: 430px) 100vw, 430px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/f23bbe735fd8a42717474db5013e7542/69538/base-jekyll-project.png 160w\", \"/static/f23bbe735fd8a42717474db5013e7542/72799/base-jekyll-project.png 320w\", \"/static/f23bbe735fd8a42717474db5013e7542/05ed2/base-jekyll-project.png 430w\"],\n    \"sizes\": \"(max-width: 430px) 100vw, 430px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/f23bbe735fd8a42717474db5013e7542/05ed2/base-jekyll-project.png\",\n    \"alt\": \"bas-project-layout\",\n    \"title\": \"bas-project-layout\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"Running the following from the terminal on my Ruby development box\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"~ $ gem install jekyll bundler\\n~ $ jekyll new myblog\\n~ $ cd myblog\\n\")), mdx(\"p\", null, \"Omitting the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"~/myblog $ bundle exec jekyll serve\"), \" and\\n\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"# => Now browse to http://localhost:4000\"), \" for reasons just mentioned.\"), mdx(\"p\", null, \"Use the run configuration\\n\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"jekyll serve --host $IP --port $PORT --config _config.yml,_local_config.yml\")), mdx(\"p\", null, \"You get this:\"), mdx(\"h4\", {\n    \"id\": \"new-blog-yay\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h4\"\n  }, {\n    \"href\": \"#new-blog-yay\",\n    \"aria-label\": \"new blog yay permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"new blog yay!\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"640px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/bec10c4a17adb57f6381b8bc833f463f/db7be/base-jekyll-site.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"61.26013724267%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'245\\\\'%3e%3cpath%20d=\\\\'M0%203c0%202%20400%201%20401-1L201%201C23%201%200%201%200%203m36%2013l-1%203c0%203%200%203%203%203s3%200%203-3c0-2%200-2%201%200%201%203%203%204%203%201h1c1%202%203%203%203%201s0-2%202%200l3%201c3%200%202-2%200-1l-2-1c0-1%206-2%208%200h-1l-2%201h13l1%201%201-2%201-3%201%203%201%202%201-2%201-3%201%202c0%202%201%203%204%203l4-1h-2l-2-1%203-1c2%200%202%200%201-2s-3-3-5%200h-2c-1-2-9-2-9%200h-1c-1-3-4-2-5%200-2%202-2%202-4%201v-1c2%200%202%200%201-1H50l-1%201-2%202v-2l-1-2-1%202-2%202v-2c-1-2-1-2-2-1h-5\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/bec10c4a17adb57f6381b8bc833f463f/60a22/base-jekyll-site.webp 160w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/4c812/base-jekyll-site.webp 320w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/0ba47/base-jekyll-site.webp 640w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/e46b2/base-jekyll-site.webp 960w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/af3f0/base-jekyll-site.webp 1280w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/6926e/base-jekyll-site.webp 1603w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/bec10c4a17adb57f6381b8bc833f463f/69538/base-jekyll-site.png 160w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/72799/base-jekyll-site.png 320w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/6af66/base-jekyll-site.png 640w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/d9199/base-jekyll-site.png 960w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/21b4d/base-jekyll-site.png 1280w\", \"/static/bec10c4a17adb57f6381b8bc833f463f/db7be/base-jekyll-site.png 1603w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/bec10c4a17adb57f6381b8bc833f463f/6af66/base-jekyll-site.png\",\n    \"alt\": \"base-jekyll-site\",\n    \"title\": \"base-jekyll-site\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"h2\", {\n    \"id\": \"confusing\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#confusing\",\n    \"aria-label\": \"confusing permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Confusing\"), mdx(\"p\", null, \"Jekyll uses Liquid templating language which, for someone like me was\\na bit confusing. With me just getting used to the layout of a\\n\\u2018standard\\u2019 web page I was then presented with liquid \\u2018tags\\u2019 something\\nI\\u2019m still not completely clear on what some of them do.\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"_layouts, _includes, meta.html\")), mdx(\"p\", null, \"WTF? I had no idea, I\\u2019m still not totally clear on the why, I add a\\ndefault.html then Jekyll complains that there\\u2019s a missing meta.html\\nfile, I create a \", \"_\", \"includes folder and add an empty meta.html and it\\nbuilds fine, no idea.\"), mdx(\"p\", null, \"So after creating a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"default.html\"), \" and then comparing with Jekyll Now\\nand Barry\\u2019s sites I was able to piece together a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"default.html\"), \",\\n\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"page.html\"), \" and \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"post.html\"), \" which looked hideous so I then had to\\nstart with CSS on the page,I took the majority of it from Barry\\u2019s blog\\npage with the intention of modifying it to my own liking.\"), mdx(\"p\", null, \"In the end I took quite a bit of CSS, the\\n\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://meyerweb.com/eric/tools/css/reset/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"Meyer Reset\"), \" was something\\nI knew nothing of before starting this, now I think it\\u2019s quite a handy\\nthing to have/know.\"), mdx(\"p\", null, \"Variables, again I knew nothing about this before playing around with\\nJekyll but really helped me understand CSS a little bit more than I\\ndid before.\"), mdx(\"p\", null, \"Then stuff for analytics and Disqus, then there was stuff I added in\\nthat I liked, like font-awesome and some Google fonts I like so I\\ncould have a nice footer like the one in my CodePen portfolio I like.\"), mdx(\"h2\", {\n    \"id\": \"markdown\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#markdown\",\n    \"aria-label\": \"markdown permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Markdown\"), mdx(\"p\", null, \"Oh, it\\u2019s not the right Markdown, why isn\\u2019t is showing the GitHub\\nMarkdown Scott?? Because you\\u2019ve used the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"@import \\\"highlights\\\";\"), \" on\\nyour \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"style.css\"), \" oh ok, so I\\u2019d prefer GitHub Markdown, ok no problem,\\ngo remove the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"@import \\\"highlights\\\";\"), \" from your \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"style.css\"), \" you\\u2019ll be\\ngolden, no worries. Queue a raft of commits with me dicking around\\nwith various combinations of having corrected \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"_config.yml\"), \" entries it\\ngot pretty messy.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"640px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/8e23cb21d43675e06988080fad218959/10b63/dem-commits.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"50.07907221929362%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'200\\\\'%3e%3cpath%20d=\\\\'M8%206c-2%201-1%208%201%209v2c-2%201-2%202-2%203l2-1h2c2%201%205%200%205-1h2l1%201-1-2v-3c1-1%202-3%201-5V5h-5L8%206m0%2024c-2%200-1%209%201%209l1%202c-1%201%202%204%203%204l3-2%201-2c-1%200-1-1%201-2%205-5-2-13-10-9m0%2025c-2%201-1%208%200%209%202%201%202%201%200%203v2l1-1h8v-2l1-2c1-2%202-3%201-6s-1-4-6-4l-5%201m0%2025c-2%201-1%208%201%209v2c-2%201-2%202-2%203l2-1h10l-1-2v-3c1-1%202-3%201-5v-4h-5l-6%201m-1%2028c0%203%200%205%202%205l1%202%201%202c2%202%205%202%205%200h2l1%201-2-3%201-2c1-1%202-3%201-5v-4H7v4m1%2021c-2%201-1%208%200%209%202%201%202%201%200%203v2l1-1h8v-2l1-2c2-2%202-4%200-9%200-1-9-2-10%200m0%2025c-2%201-1%208%201%209v2c-2%201-2%202-2%203l2-1h2c2%201%205%200%205-1h2l1%201-1-2v-3c1-1%202-3%201-5v-4h-5l-6%201m2%2024c-3%200-3%201-3%204%200%204%200%205%202%205l1%202%203%204%203-2%201-2c-1%200-1-1%201-2%202-2%202-9-1-9h-7\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/8e23cb21d43675e06988080fad218959/60a22/dem-commits.webp 160w\", \"/static/8e23cb21d43675e06988080fad218959/4c812/dem-commits.webp 320w\", \"/static/8e23cb21d43675e06988080fad218959/0ba47/dem-commits.webp 640w\", \"/static/8e23cb21d43675e06988080fad218959/e46b2/dem-commits.webp 960w\", \"/static/8e23cb21d43675e06988080fad218959/af3f0/dem-commits.webp 1280w\", \"/static/8e23cb21d43675e06988080fad218959/eccbe/dem-commits.webp 1897w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/8e23cb21d43675e06988080fad218959/69538/dem-commits.png 160w\", \"/static/8e23cb21d43675e06988080fad218959/72799/dem-commits.png 320w\", \"/static/8e23cb21d43675e06988080fad218959/6af66/dem-commits.png 640w\", \"/static/8e23cb21d43675e06988080fad218959/d9199/dem-commits.png 960w\", \"/static/8e23cb21d43675e06988080fad218959/21b4d/dem-commits.png 1280w\", \"/static/8e23cb21d43675e06988080fad218959/10b63/dem-commits.png 1897w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/8e23cb21d43675e06988080fad218959/6af66/dem-commits.png\",\n    \"alt\": \"dem-commits\",\n    \"title\": \"dem-commits\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"Currently I am still with the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"_hilights.scss\"), \" in the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"sass\"), \" folder\\nwhich I\\u2019m going to have to play around with to get it how I like it,\\nhopefully I\\u2019ll get to learn a bit more about it all and understand how\\nmuch of a tool I was.\"), mdx(\"h2\", {\n    \"id\": \"preview\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#preview\",\n    \"aria-label\": \"preview permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Preview\"), mdx(\"p\", null, \"One last thing that bugged me that I couldn\\u2019t do was the content\\npreview thing on the posts, it\\u2019s partly why I went from Jekyll Now to\\nmy own vanilla build, I was getting that first paragraph to show on\\nthe main blog page I found it eventually, not on the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"post.html\"), \" or\\nthe \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"default.html\"), \" no it was on the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"index.html\"), \" here:\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"{``{ post.content | split:\\\"<!--more-->\\\" | first }``}\")), mdx(\"p\", null, \"Then add the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"<!--more-->\"), \" tag after the first paragraph on your post,\\nthen I added a class to float the image on the top of the post and\\nflow around the image, the CSS is this:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"// see image in content preview\\n// only adjust width OR height so aspect ration is maintained\\n.floated{\\n  float: right;\\n  display: block;\\n  width: 33vw;\\n  max-width: 250px;\\n}\\n\")), mdx(\"p\", null, \"So I have the basics I think, still a fair bit to play around with but\\nfor now I have what I need.\"));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Since setting up this blog I haven't really bothered with Jekyll any\nmore than just forking Barry Clarke's repo of Jekyll Now and adding…","tableOfContents":{"items":[{"url":"#development-environment-enter-cloud-9","title":"Development environment, enter Cloud 9","items":[{"url":"#setup","title":"Setup"}]},{"url":"#css","title":"CSS","items":[{"items":[{"url":"#here-is-the-base-project","title":"here is the base project"},{"url":"#new-blog-yay","title":"new blog yay!"}]}]},{"url":"#confusing","title":"Confusing"},{"url":"#markdown","title":"Markdown"},{"url":"#preview","title":"Preview"}]},"timeToRead":3,"fields":{"slug":"/2016/12/17/starting-again-with-jekyll/","editLink":"https://github.com/spences10/thelocalhost.blog/edit/authoring/posts/2016/12/17/starting-again-with-jekyll/index.md"}}},"pageContext":{"slug":"/2016/12/17/starting-again-with-jekyll/","previous":{"id":"6e98a2f2-a24c-5d1d-81be-9f85080d98f7","excerpt":"I'm a published developer!  sort of  Well that was a bit painful, well\nnot actually I mean from the documentation I feel I was a bit mislead. So for those of you that know what I do for a living I'm primarily an\nAnalyst Developer with a skill set of…","frontmatter":{"title":"My first Microsoft Visual Studio Code [VSCode] extension","date":"2016-12-03T00:00:00.000Z"},"fields":{"slug":"/2016/12/03/first-vscode-extension/"}},"next":{"id":"84bfef4c-ca4e-5e68-850f-952257b511aa","excerpt":"I must say this was great to do and a nice little introduction to node\nand npm. I got to doing this from finding it on  GitHub  I\nthink I was looking for the Twitter icon in bootstrap whilst working\non my\n Random Quote Generator  I\nstumbled across…","frontmatter":{"title":"Twitter McTwitBot","date":"2017-01-04T00:00:00.000Z"},"fields":{"slug":"/2017/01/04/twitter-mctwitbot/"}}}}}