Things that helped me get to this step:

1. "How to Take Smart Notes"

2. Evergreen notes by Andy: https://notes.andymatuschak.org/Evergreen_notes.

This website shows the culmination of my personal knowledge with search bar. The idea is that I should be able to find what I'm looking for within seconds, otherwise the title of my notes are not specific enough or the web of knowledge is not good enough.

Most of the notes still have short title style and walls of texts, but the newer notes that I added are in evergreen note style. I'm slowly converting them to permanent notes.

Good example pages of permanent notes:

https://wiki.krxiang.com/notes/pleural_effusion

https://wiki.krxiang.com/notes/copd

The website is made with Astro for better static site generation. Notes are taking in markdown format in Obsidian, and I used a script to copy them over that runs on schedule. I I tried Sveltekit first, but with several thousand markdown notes, I was not able to render the website on Netlify. CSS is done with tailwind. Search is added with Minisearch.

This was a very fun project. Everything from the search function to the subtle fade animation was satisfying to add.