Publish Date:
Category: 部落格
Tag: 日常
Tag: English

New Journey Begins

2024, new year, new future.

It's probably also a great year to update my entire sites (?). So I did a remake (yes, again), but this time with a streamlined design.

Toolchain

Nuxt, as you may have already know in the footer. Incidentally, the web Mastodon client I use, Elk, also uses Nuxt, so does Docus1.

At one time I thought about using VitePress but to this day VitePress haven't got their first stable release. I can say VitePress is production-ready though, so just consider this my opinionated choice.

BTW, VitePress still puts its configuration file inside .vitepress/config.ts, I hope one day it can be put inside vitepress.config.*.

Designing

I decided to just use bg-pink-50 color consistently, this gives a much calmer visual appearence.

For icons, the main icons are now Phosphor Icons instead of previous Solar. It's not really hard for me to swap icon sets though, as Iconify unified all the icon sets into a consistent framework, and icons can be used in a much more broader ways, such as into pure CSS.

With this redesign, I decided to create a consistent layout across main content sites (if it's not for a documentation-like site). In fact you're just watching the current iteration of my canonical layout, along with a tri-state color picker2 (at the top of the page).

Future

There are still some things that I might implment:

  • Categories and Tags page, along with related links
  • RSS / Atom / JSONFeed (TODO) with a helpful instruction with canonical layout applied (it's lost in the refactor)
  • Projects listing
  • If possible, make the canonical layout and shared components a shared npm package, along with optional Storybook preview.

I'd like to also try something new. I don't what it would be, but I'd like to experiment.

That's for this post.

Footnotes

  1. Elk uses Docus to build Elk's docs site, and Docus is also based on Nuxt.
  2. Reference: 使用 Next.js + Hexo 重构我的博客 # 新的深色模式 UX by @SuukaW
© 2021-2024 Yorusaka Miyabi Built with Nuxt