At the beginning, this site was only a simple personal page. We first shaped the home screen, kept the floating greeting words, and tuned the layout so it still worked on smaller screens.

Pages and structure

After that, we added a Blog entrance, made a blog directory, and created article pages with the same navigation bar and Find me footer. The project then grew into root, Chinese, Japanese, and English directories.

Reading experience

We designed the article table of contents on the left, made it collapsible, added a back-to-top button, tuned anchor positions, and adjusted the article layout so the reading area stayed comfortable.

Style details

Finally, we polished the glass materials, language menu, social icons, GitHub link, dark mode, code blocks, and small animations. Most of the work was not one big feature, but many small decisions that slowly made the blog feel more complete.