Personal Site

The site is built upon Next.js and based upon Notion as the CMS. See my about page for details.

Here are the supported blocks so far:

Block Type Availability
Paragraph ✔️
Heading ✔️
Bulleted Item List ✔️
Numbered Item List ✔️
Toggle ✔️
Callout ✔️
Inline Equation ✔️
Image ✔️
Video
Divider ✔️
Table
Page Reference
Block Equation ✔️
Quote ✔️

Installation

Have npm and node installed. On MacOS, you can use brew install node. On all systems, you can try install nvm first.

To install all packages, use npm install under the root directory of this project.


TODO:

  • home page redesign
    • bottom padding (open with mobile screen)
    • blog button redesign
    • home page text rewrite
  • who am i page redesign
    • add resume
  • improve blog page
    • show tag
    • show confidence level
    • try to show more info (summary)
  • log reduction
  • navigation bar
  • 404 page
  • page transition / loading animation
  • CDN acceleration (to increase site & image efficiency)
  • new domain name
    • SSL support
  • more responsive design
  • add noindex tag to hide private pages
  • mobile compatibility (probably already solved?)
    • rich_text overflow (open Ubuntu page with mobile screen)
    • home page background issue (only on real mobile phone with corners, e.g. iPhone 12)
  • meta description tag
  • support new blocks (e.g. video block)
  • add new features / components (e.g. gaming / music information synchronized display)
  • check correctness of the site updated time
  • add back-to-all-blogs button
  • add scroll-to-top floating button
  • add login feature to use private features (check transit) / visit private pages

License

See the LICENSE file for license rights and limitations (MIT).