<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Jekyll on Codewrite Dev Doc</title><link>https://dev.codewrite.co.uk/categories/jekyll/</link><description>Recent content in Jekyll on Codewrite Dev Doc</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Fri, 06 Feb 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://dev.codewrite.co.uk/categories/jekyll/index.xml" rel="self" type="application/rss+xml"/><item><title>Updating from Jekyll to Hugo</title><link>https://dev.codewrite.co.uk/posts/2026-02-06-updatejekylltohugo/</link><pubDate>Fri, 06 Feb 2026 00:00:00 +0000</pubDate><guid>https://dev.codewrite.co.uk/posts/2026-02-06-updatejekylltohugo/</guid><description>&lt;p&gt;Today I updated the website to use Hugo instead of Jekyll. This has been on my list of things to do for some time.
It should be easier than it is - that was the whole reason I used Jekyll in the first place.
Anyway, after several attempts at doing this myself and failing, I decided to let Github Copilot have a go.&lt;/p&gt;
&lt;p&gt;I started by renaming the old site to &amp;ldquo;dev-old.codewrite.co.uk&amp;rdquo; and then asked Copilot to convert it from Jekyll to a new Hugo site at &amp;ldquo;dev.codewrite.co.uk&amp;rdquo;. It took ages (well minutes but I consider that a long time), but it did quite a good job. It summarized what it had done in the readme.md (which I&amp;rsquo;ve kept in the repo). Rather than editing what it had done I decided to go the full &amp;ldquo;vibe coding&amp;rdquo; way, and just asked it to fix things that didn&amp;rsquo;t look good.&lt;/p&gt;</description></item><item><title>Setting Up Jekyll</title><link>https://dev.codewrite.co.uk/posts/2020-04-02-setupjekyll/</link><pubDate>Thu, 02 Apr 2020 00:00:00 +0000</pubDate><guid>https://dev.codewrite.co.uk/posts/2020-04-02-setupjekyll/</guid><description>&lt;p&gt;The first thing I did was &lt;a href="https://docs.microsoft.com/en-us/windows/wsl/install-win10"&gt;installed Ubuntu on windows&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Then I &lt;a href="https://github.com/nodesource/distributions/blob/master/README.md"&gt;installed NodeJS and NPM&lt;/a&gt; (which I&amp;rsquo;m not sure if I needed).&lt;/p&gt;
&lt;p&gt;And then &lt;a href="https://computingforgeeks.com/how-to-install-jekyll-on-ubuntu-18-04/"&gt;installed Jekyll&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;To run it: &lt;code&gt;jekyll serve --host=0.0.0.0&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;I edited .bashrc to add the GEM exports&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;
&lt;table style="border-spacing:0;padding:0;margin:0;border:0;"&gt;&lt;tr&gt;&lt;td style="vertical-align:top;padding:0;margin:0;border:0;"&gt;
&lt;pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt;1
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt;2
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"&gt;
&lt;pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#57606a"&gt;# Ruby exports&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#6639ba"&gt;export&lt;/span&gt; &lt;span style="color:#953800"&gt;GEM_HOME&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#953800"&gt;$HOME&lt;/span&gt;/gems
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#6639ba"&gt;export&lt;/span&gt; &lt;span style="color:#953800"&gt;PATH&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#953800"&gt;$HOME&lt;/span&gt;/gems/bin:&lt;span style="color:#953800"&gt;$PATH&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;I added a couple of files to the _includes folder:&lt;/p&gt;
&lt;p&gt;&lt;em&gt;head.html&lt;/em&gt;&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;
&lt;table style="border-spacing:0;padding:0;margin:0;border:0;"&gt;&lt;tr&gt;&lt;td style="vertical-align:top;padding:0;margin:0;border:0;"&gt;
&lt;pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 1
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 2
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 3
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 4
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 5
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 6
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 7
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 8
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt; 9
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt;10
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt;11
&lt;/span&gt;&lt;span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"&gt;12
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"&gt;
&lt;pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#1f2328"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#0550ae"&gt;head&lt;/span&gt;&lt;span style="color:#1f2328"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#1f2328"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#0550ae"&gt;meta&lt;/span&gt; &lt;span style="color:#1f2328"&gt;charset&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;utf-8&amp;#34;&lt;/span&gt;&lt;span style="color:#1f2328"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#1f2328"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#0550ae"&gt;meta&lt;/span&gt; &lt;span style="color:#1f2328"&gt;http-equiv&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;X-UA-Compatible&amp;#34;&lt;/span&gt; &lt;span style="color:#1f2328"&gt;content&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;IE=edge&amp;#34;&lt;/span&gt;&lt;span style="color:#1f2328"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#1f2328"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#0550ae"&gt;meta&lt;/span&gt; &lt;span style="color:#1f2328"&gt;name&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;viewport&amp;#34;&lt;/span&gt; &lt;span style="color:#1f2328"&gt;content&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;width=device-width, initial-scale=1&amp;#34;&lt;/span&gt;&lt;span style="color:#1f2328"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {%- seo -%}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#1f2328"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#0550ae"&gt;link&lt;/span&gt; &lt;span style="color:#1f2328"&gt;rel&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;stylesheet&amp;#34;&lt;/span&gt; &lt;span style="color:#1f2328"&gt;href&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;{{ &amp;#34;&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;/&lt;/span&gt;&lt;span style="color:#1f2328"&gt;assets&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;/&lt;/span&gt;&lt;span style="color:#1f2328"&gt;main&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;.&lt;/span&gt;&lt;span style="color:#1f2328"&gt;css&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;&amp;#34;&lt;/span&gt; &lt;span style="color:#f6f8fa;background-color:#82071e"&gt;|&lt;/span&gt; &lt;span style="color:#1f2328"&gt;relative_url&lt;/span&gt; &lt;span style="color:#f6f8fa;background-color:#82071e"&gt;}}&amp;#34;&lt;/span&gt;&lt;span style="color:#1f2328"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#1f2328"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#0550ae"&gt;link&lt;/span&gt; &lt;span style="color:#1f2328"&gt;rel&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;stylesheet&amp;#34;&lt;/span&gt; &lt;span style="color:#1f2328"&gt;href&lt;/span&gt;&lt;span style="color:#0550ae"&gt;=&lt;/span&gt;&lt;span style="color:#0a3069"&gt;&amp;#34;{{ &amp;#34;&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;/&lt;/span&gt;&lt;span style="color:#1f2328"&gt;assets&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;/&lt;/span&gt;&lt;span style="color:#1f2328"&gt;css&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;/&lt;/span&gt;&lt;span style="color:#1f2328"&gt;main&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;.&lt;/span&gt;&lt;span style="color:#1f2328"&gt;css&lt;/span&gt;&lt;span style="color:#f6f8fa;background-color:#82071e"&gt;&amp;#34;&lt;/span&gt; &lt;span style="color:#f6f8fa;background-color:#82071e"&gt;|&lt;/span&gt; &lt;span style="color:#1f2328"&gt;relative_url&lt;/span&gt; &lt;span style="color:#f6f8fa;background-color:#82071e"&gt;}}&amp;#34;&lt;/span&gt;&lt;span style="color:#1f2328"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {%- feed_meta -%}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {%- if jekyll.environment == &amp;#39;production&amp;#39; and site.google_analytics -%}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {%- include google-analytics.html -%}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {%- endif -%}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#1f2328"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color:#0550ae"&gt;head&lt;/span&gt;&lt;span style="color:#1f2328"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;in the file above I added a link to my css file - which is built from main.scss in the assets/css folder.&lt;/p&gt;</description></item></channel></rss>