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.

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: