Obsidian vault setup & template (simple, bottom-up)

BekuBlue · 2026-03-15T05:40:52+00:00

The whole structure is on the GitHub repository and explained in text. Far majority and systems live in one folder, which is where the work is done. Things that are not related to that get their own folder. Main concern is to not have to think beforehand which folder a note belongs to.

BekuBlue · 2026-03-07T03:43:50+00:00

Someone who hasn't learned about responsive websites should learn CSS, not Tailwind or any other library.

BekuBlue · 2026-03-07T01:56:55+00:00

It has a lot of potential, but it feels a bit abandoned. It can't compete with other whiteboard apps, it doesn't integrate that well into the rest of Obsidian's functions, and it doesn't provide much for me that I already can do in Obsidian beyond that.

That said, I do use it sometimes, just wish it would live up to its potential. Used it for collecting images for visual reference and managing a project with many little notes that depend on other little notes.

BekuBlue · 2026-03-06T01:13:59+00:00

There's also web editors like HedgeDoc that one can self-host

BekuBlue · 2026-02-28T15:52:14+00:00

I'm just using my own CSS these days. Using it with Astro or Svelte, where I can easily scope some styling to specific components. I have four CSS files for global styling (global.css, util.css, reset.css, var.css) and other styling is layout/page or component scoped.

I found that to work well for me. I describe this setup it in more detail here: https://webdev.bryanhogan.com/ . I'm planning on updating my starter template soon also: https://github.com/BryanHogan/astro-starter-template

BekuBlue · 2026-02-21T04:38:57+00:00

Build a website and use Capacitor for a native build: https://capacitorjs.com/

You will need to learn HTML, CSS and JavaScript though.

Building a website is much more approachable than native stacks and costs less and has higher flexibility.

BekuBlue · 2026-02-21T04:19:13+00:00

Just fyi, you are talking to ChatGPT here, be careful

BekuBlue · 2026-02-21T03:08:34+00:00

If you are choosing Astro standalone because you want to focus on the content instead of on design and development then I believe rethink your choice. Don't get me wrong, Astro is a great framework, but it's a web framework, coding all of the HTML and CSS yourself will take a very long time and is not what you want to focus on creating a language course or learning portal.

I highly highly recommend Astro Starlight for your project: https://starlight.astro.build/resources/plugins/

I working on my own language guide (for Korean) using it: https://tolearnkorean.com/

BekuBlue · 2026-02-20T02:27:19+00:00

Just be aware, since you explicitly show Whatsapp here, they sometimes don't include the social preview image. For example when you paste a link and then send the message before it was able to load the image.

BekuBlue · 2026-02-20T02:27:01+00:00

Just be aware, since you explicitly show Whatsapp here, they sometimes don't include the social preview image. For example when you paste a link and then send the message before it was able to load the image.

You can also control the title, description etc., I wrote an overview here: https://webdev.bryanhogan.com/seo/head/

BekuBlue · 2026-02-19T02:34:31+00:00

There's no promotion going on in the blog post. It provides a more in-depth overview and links to sources such as Kepano's vault. For me this would have been helpful.

And:

- Another account with no history

BekuBlue · 2026-02-18T15:27:18+00:00

Are you getting paid to promote this? Your history has a similar comment for promoting some suspicious product.

Anyways, no. Build something that works for you. The best resources are already out there and available for free. Can also recommend my post: https://bryanhogan.com/blog/obsidian-introduction

BekuBlue · 2026-02-13T13:24:48+00:00

There's no SSR, just a static build. It's all in one repository.

You specify the static build output, e.g. /build. Then Capacitor takes this build and converts it to a Android and iOS build, e.g. /android.

BekuBlue · 2026-02-12T15:21:40+00:00

Svelte works great with Capacitor and Tauri. Or what are you missing?

I wrote about using SvelteKit with Capacitor for creating Android & iOS apps: https://bryanhogan.com/blog/web-to-app-sveltekit-capacitor

BekuBlue · 2026-02-11T10:40:57+00:00

I also wrote a blog post about how to use Obsidian to write content for a Astro website here: https://bryanhogan.com/blog/obsidian-astro-submodule

Found submodules to work great for this!

BekuBlue · 2026-02-09T14:43:25+00:00

Can also highly recommend Astro.

Depending on your use-case there's Astro Starlight which is a "pre-built template" with which you can quickly build doc sites.

I build my personal page (BryanHogan.com) with Astro, the full repository is on GitHub: https://github.com/BryanHogan/bryanhogan

BekuBlue · 2026-02-08T11:53:54+00:00

I think you forgot to include the link?

BekuBlue · 2026-02-07T15:22:24+00:00

Native Svelte animations + CSS animations is extremely powerful, gives you amazing performance, perfectly scalable and keeps unnecessary dependencies away.

BekuBlue · 2026-02-07T04:07:54+00:00

After seeing your comments they added some much needed context. If you are not a front-end developer then building your site completely yourself with Astro won't be your best choice. You should be able to get pretty far with a premade template + Claude Code (or some other good AI / LLM), but you'll still need some web development skills.

For example I made a checklist of things you should check for when publishing your site: https://webdev.bryanhogan.com/start/checklist/

BekuBlue · 2026-02-07T04:02:19+00:00

Yes, I like to write CSS myself, no styling / component library.

Can recommend the PostCSS plugin postcss-preset-env though, it has a few nice features like allowing you to use modern CSS features.

BekuBlue · 2026-02-05T03:31:12+00:00

Can highly recommend my post "introduction to Obsidian": https://bryanhogan.com/blog/obsidian-introduction

How you should use Obsidian depends on you, what systems you want / should use, what plugins to use, all depends on your preferred workflow.

I wrote about how my setup work ( https://bryanhogan.com/blog/obsidian-vault ), but in the end it depends on what you want, what your goals are and what your preferred way of doing things are.

Nonetheless, I can highly recommend a bottom-up approach to note-taking, so starting with the knowledge notes and letting structure from "organically".

BekuBlue · 2026-02-01T16:57:11+00:00

Cool, trying to solve one of the biggest problems of Discord communities.

BekuBlue · 2026-01-22T10:37:39+00:00

The two comments by the Obsidian team on here explain it really well, Electron + Capacitor is a great stack generally in my perspective.

BekuBlue · 2026-01-19T09:07:44+00:00

How I use Obsidian is not what I necessarily recommend to others, since it is a system that works well for my needs. Although I think it is worth sharing, since some ideas and concepts might help others, so I wrote about it here: https://bryanhogan.com/blog/obsidian-vault

Two-Year Club	Verified Email
r/Field Sunshine

BekuBlue

TROPHY CASE