Adding mermaid.js to Hugo PaperMod

Hey there, fellow papermod enthusiasts! If you’re like me, you’re always on the lookout for ways to make your Hugo blog content more engaging and easy to understand. That’s why I’m excited to share with you my experience of adding Mermaid.js to my Hugo Papermod site using the CDN method. Mermaid.js is a fantastic tool that allows you to create beautiful, interactive diagrams and flowcharts right in your web browser. With its simple markdown-like syntax, you can create complex visualizations in no time - no need to be a coding expert or a design whiz! From mapping out project timelines to illustrating technical concepts, Mermaid.js is the perfect solution for anyone looking to add a visual punch to their online content. ...

May 18, 2024 · 4 min · Deepak Shilkar

Setting Up a Static Image Host on AWS

«««< HEAD I manage my Hugo site (versioning and deployment) via GitHub. One key issue with this setup is that images eventually make the repository heavier, making push and pull slower and unnecessarily gobbling GitHub’s resources for purposes that it is not meant for. A common option to manage this issue is to use image hosting and resizing services like Cloudimage and Cloudkit. A key issue I have with these services is the inability to maintain a persistent backup elsewhere. Plus, this can get quickly expensive if you overshoot your Free Tier storage quota. Hugo is one of the simplest ways to write and manage a blog. Yet, I totally get the frustration a lot of people express with managing images in the GitHub repository. It’s like trying to fit an elephant into a Mini Cooper. I tried to address this issue using AWS S3, which I have documented below. ...

September 5, 2023 · 4 min · Deepak Shilkar