takalahiro/my-second-brain1

★ 18SvelteAudience · developerSetup · hard

Mindmap

mindmap
  root((my-second-brain1))
    Notes
      Obsidian source
      Link graph
      Static site
    Interactive tools
      Python runner
      Neural network lab
      Math tools
      Formula OCR
    Visuals
      3D point-cloud background
      Device orientation
      Mobile support
    Deploy
      Cloudflare Pages
      Build time HTML
      No backend

mindmap root((my-second-brain1)) Notes Obsidian source Link graph Static site Interactive tools Python runner Neural network lab Math tools Formula OCR Visuals 3D point-cloud background Device orientation Mobile support Deploy Cloudflare Pages Build time HTML No backend

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Publish your Obsidian note collection as a public website with search and a visual link graph.

USE CASE 2

Embed an interactive Python code runner in your personal site so visitors can experiment with code step by step.

USE CASE 3

Add a handwritten-digit neural network demo to your portfolio site to showcase machine learning concepts visually.

USE CASE 4

Let visitors solve matrix, calculus, and statistics problems directly in your browser-based math tools.

Tech stack

SvelteAstroCloudflare PagesPython (in-browser)Obsidian

Getting it running

Difficulty · hard Time to first run · 1h+

Requires familiarity with Astro, Svelte, and multiple tool-specific dependencies, README lists an extensive local prerequisites checklist.

In plain English

This project turns a personal collection of notes written in Obsidian, a popular note-taking app, into a browsable and searchable website. The site is generated as static HTML files at build time and deployed to Cloudflare Pages, so no backend server is required. The README is written in Chinese, with a link to an English version. Beyond displaying notes, the site includes several interactive tools that run entirely in the browser. There is a Python environment where you can write and run code and see it executed step by step with plain-language explanations of each line, generated from the code structure rather than an AI model. A neural network lab lets you draw handwritten digits and see a trained model classify them in real time, with visualizations of the internal layers. A math tools section handles matrix operations, calculus, discrete math, statistics, and symbolic expression solving, using a Python math library loaded in the browser. A formula OCR tool can recognize a math equation you draw and convert it to formatted notation. The site also renders a relationship graph showing how notes link to each other, built from the wiki-style double-bracket links Obsidian uses. Notes that exist are shown as blue links, links to notes that have not been written yet appear in red. The background of the site can be set to a three-dimensional point-cloud scene that was captured using a photogrammetry technique called 3D Gaussian Splatting, giving the site an immersive visual backdrop. The background layer responds to device orientation on mobile and subtle mouse movement on desktop. The project is technically complex and the README lists a detailed set of prerequisites for anyone who wants to run or modify it locally, covering web development, the Astro and Svelte frameworks, and the individual tools used for each feature module.

Copy-paste prompts

Prompt 1

I have Obsidian notes and want to publish them as a static site with a link graph using this project, walk me through the setup steps.

Prompt 2

How do I add a new interactive math tool module to my-second-brain1's Svelte + Astro codebase?

Prompt 3

Help me customize the 3D Gaussian Splatting background scene in my-second-brain1 to use my own photogrammetry capture.

Prompt 4

Write a plan for deploying this Obsidian-to-site project on Cloudflare Pages from scratch.

Open on GitHub → Explain another repo

← takalahiro on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.