Hugo

Introduction Blogs built with Static Site Generators (SSG) are incredibly fast and secure. However, adding dynamic features like comments requires careful consideration. This blog uses Giscus, a GitHub Discussions-based comment system, but there was one inconvenience. Comments only appear at the bottom of each post, making it difficult to see at a glance which articles have active discussions. So I built three features: Display comment counts in post lists - See which articles have ongoing conversations Show recent comments on the explore page - View recent blog activity at a glance Create an all comments page - Browse all comments in one place This article shares the process of bringing dynamic comment information to a static site using GitHub GraphQL API while maintaining optimal performance. ...

Introduction Recently, I started building and operating a blog using Hugo with the PaperMod theme. Using someone else’s theme has the advantage of quick setup, but not everything fits my needs perfectly. After customizing many parts to match my preferences, I noticed some issues with the code blocks. Line numbers were implemented with <table> tags. While this doesn’t violate accessibility guidelines, it felt not semantic. Moreover, I wondered: what’s the experience for screen reader users? I found a better approach using CSS Counters. ...

🚀 Starting a New Blog Hello. This is a space where I record what I learn and experience, hoping it might be of some small help to someone. I call myself a “perpetual beginner developer.” There’s always so much to learn, and sometimes I repeat small mistakes, but recording and sharing this process is both my way of growing and my joy. Why Did I Start This Blog? When developing, you encounter countless trials and errors. Sometimes you panic at error messages you’ve never seen before, and sometimes you face the same problem again today that you solved yesterday. ...