Blog

In this blog post, we will discuss how to deploy a Hugo static site to GitHub Pages using GitHub Actions. GitHub Actions is an automation feature provided by GitHub that allows you to create custom software development workflows directly in your GitHub repository. By using GitHub Actions, you can automate the process of building and deploying your Hugo static site to GitHub Pages with ease. Configuring GitHub Pages Settings Before you can successfully deploy your Hugo static site to GitHub Pages using GitHub Actions, you need to configure the GitHub Pages settings for your project. ...

In this blog post, we will learn how to add AdBlocker detection to your Hugo blog using the PaperMod theme. We will also include a simple warning message for users who have an ad-blocker enabled, encouraging them to disable it or whitelist your website. Overview Here’s a quick overview of the steps we will take: Create a custom CSS file to style the warning message. Create a JavaScript file to detect ad-blockers. Add a partial HTML file for the warning message. Extend the head and footer partials to include our new files. Step-by-step Guide 1. Create a custom CSS file Create a new file named custom_css.css under the assets/css/extended/ directory and paste the following CSS code: ...