Flog

Means Fwio's blog.

Introduction

A personal blog built with Vite & React, deployed with Github Pages.

Features

Integrate MDX to render markdown files.
Manual script for automatic React Routes.
Responsive Design with powerful UnoCSS.
PWA with vite-plugin-pwa.

Acknowledgement

Anthony Fu (antfu.me) - Highly inspired by its design.
ZA/UM (zaumstudio.com) - Love the seagull.

Dev Logs

Requirement

Responsive (Refer Responsive Design of Windi CSS, Mobile First)
Use Hooks to build React components
Automatically read .md files and generate routes ( markdown-it)

Todo

Learn and apply React Router.
Capsulate NavLink to HOC for scoped CSS.
Implement the Posts component
Design the Router architechture
Integrate MDX
Stylize the output HTML
Auto route generation via vite-plugin-pages
Component testing with Vitest
Static Web App Deployment, with Github Pages.