Introduction Adding a “Copy Code” button to code blocks in your Hugo blog can significantly enhance the user experience, especially for technical blogs. With the help of GitHub Copilot, I implemented a solution to add a copy button above code blocks, styled similarly to GitHub’s copy button. This blog post walks you through the steps to achieve this functionality using JavaScript and CSS. By the end, you’ll have a fully functional “Copy” button that appears in the top of your code blocks.

Enable Giscus for Hugo Blog I recently switched to Giscus for comments on my blog post, inspired by its popularity among other bloggers. Giscus, a commenting system powered by GitHub Discussions, offers a seamless way to engage with readers. If you’re using Hugo for your blog hosted on GitHub, linking Giscus to your posts is straightforward. Note: The following setup guide is based on instructions generated by GitHub Copilot, which I successfully followed to integrate Giscus into my blog.

Embed GitHub Gist in Hugo posts I was approached by Divya Akula with a suggestion to use a link to GitHub for my script and I really bought in the idea because I used to do it on Wordpress. I started googling and trying out solutions which did not work and messed up my blog repo. Fortunately being MVP I have access to GitHub Copilot and asked Copilot with a simple prompt which gave me a simple straight forward looking solution.

Creating New Posts with Hugo In this post, we will walk through the process of creating a new post in Hugo, a popular static site generator. Step 1: Navigate to Your Hugo Site First, navigate to the directory where your Hugo site is configured. You can do this using the cd command in terminal: cd .\Hugo\sites\M365Blog\ Step 2: Create a New Post Next, use the hugo new command to create a new post:

How to Ensure Your Netlify Site is Search Engine Crawlable There are numerous posts to describe how to convert Wordpress to Hugo. I followed the instructions from blog post How to move your blog from Wordpress to Hugo to start with and hosted it on Netlify, it’s essential to ensure that search engines can crawl and index your site properly. Follow these steps to make sure your site is discoverable: