Problems I met during the development:
- neovim tresitter support for mdx is not ok
- prettier will consider mdx as markdown file so that the comment block won't work after formatting
the latest@unocss/postcss
plugin can cause stucking at dev compiling
- CI/CD - Vercel
- Basic blogging framework based on Nextra
- Layouts: post and page
- Navbar and footer
- Dark mode
- Layout: Post list page
- Code highlighting
- Pagination
- Post management: draft or published, tags, categories, etc.
- Analytics
- Friend-link page
- MDX Image Component (patching Nextra static image)
- Caption
- Lightbox
- Comment system
- Table of contents
- SEO and social media meta data
- Layout: Photo gallery
- Layout: The timeline
- Search
- 404 Page
- Online Editing
- MDX-biased images carousal lightbox
- Command to create new post from templates
- Optimization: Ignore draft when building
-
high
logo hovering opacity mask -
high
table of contents -
medium
link with icons, friends, migrating contents -
medium
meta data for SEO, Security, og, etc -
medium
CI: words spelling check, ethical check, etc. -
medium
ignore draft when building -
low
highlighting inline code in dark mode is buggy, word highlighting is not clear -
low
first load the website is day mode, then switch to dark mode after 1s, set a gentle background for eyes -
low
redirect component inside mdx -
low
search -
low
design the website icon/favicon -
low
external link icon (mask?) after pseudo element, align center, prevent line break -
low
profiling and speed optimization -
low
post creation templates with command line -
maybe
image popup overlay on click -
maybe
404 page
- table is not fit the container 100%
- figure caption
- incorrect color of code block background in dark mode
- heading anchor in mobile view (margin/padding)
- draft
- posts view pagination
- table heading font color is not inverted in dark mode
- code block highlighting
- code block dark scheme color not changed
- mdx styles are broken
- navs sorting priority:
order
in frontmatter for pages - nav icon in mobile view
- new layout for _timeline page