I'm looking to build a personal website that serves as a hub for all sorts of knowledge I've gathered over time, covering everything from cooking and coding to sewing, drawing, and even survival tips. This will be my first attempt at creating such a comprehensive site, as my previous projects have focused on individual topics. I have experience with HTML, CSS, and some JavaScript, but I'm struggling with how to structure this site for easy access and appealing visuals. I want to avoid a cluttered sidebar that takes forever to scroll through. My idea is to have some key areas accessible upfront, using a structure like "Coding -> C++ -> Sorting Algorithms -> [list of algorithms]" or "Hobbies -> Game Development -> Art Styles -> PS1 Style -> [tutorials]". I'm pondering whether a carousel format would be visually appealing. I'm hoping to hear from anyone who's built a similar site or has suggestions on effective structures. Thanks for your help!
5 Answers
How about trying Drupal? It has a steep learning curve but can be very rewarding once you get the hang of it.
I'd recommend going for a flat structure with a powerful search function. Instead of nesting everything, tag your content broadly and let users search for specific topics. This keeps the homepage clean and allows the search to do the heavy lifting.
Using a markdown-based tool like Fumadocs might be a good fit. It provides a searchable file tree and keeps editing simple, but do consider how it integrates visually.
I'm more concerned about how to make things visually appealing and easy to navigate, but I'll look into it!
You might want to consider using a wiki structure. It could help you organize your information well with tagging for easy searchability.
I checked out some fandom wiki sites, and they do have a layout that seems to match what I'm aiming for!
A card grid with categories might work well! An appealing visual layout combining popular items can keep your page engaging without overwhelming sidebars.
I appreciate the suggestion, but I'm really looking for ideas on layout rather than just how to build the site.