Coder Social home page Coder Social logo

mariomeissner / digital-garden Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tuanmanhcao/digital-garden

0.0 1.0 0.0 42.38 MB

Free Obisidian Publish alternative, for publishing your digital garden.

Home Page: https://mindstone.tuancao.me

License: MIT License

JavaScript 81.51% CSS 18.37% HTML 0.12%

digital-garden's Introduction

What is MindStone?

MindStone is a free open-source alternative solution to Obsidian Publish

Here how it look like once published, checkout demo version here:

This website include a published version of default Obsidian Help vault, See it in action here

MindStone features:

  • ✅ Drop-in support for (default) Obsidian Vault
  • ✅ [[Wiki Link]] built-in support
  • ✅ Folder-base navigation side bar
  • ✅ Backlink support out of the box
  • ✅ Interactive Graph view
  • ✅ Easy to deploy to Netlify, Vercel...

Getting started

Run on your local machine

Steps to run it on your local machine:

  1. Clone this Github repo
  2. Install yarn package manager
  3. Copy all of your markdown file (.md only) and folder to /posts/ except /posts/index.md file
  4. Copy all of your images from your Obsidian Vault to /public/images/ folder
  5. Go to root folder of your project, run yarn && yarn run dev
  6. Open this link in your browser http://localhost:3000/

If you prefer video content have a look at my 📺 walk through video

Publish to the internet

Setup environment (with Netlify)

  1. Create your Github account and clone my repository
  2. Create Netlify account and follow this instruction

Your normal workflow for publishing content, after initial setup is:

  1. Simply writing your content in Obisidian (or your favourite Markdown editor)
  2. Commit your changes and Push it to your Github repo

If you prefer video content, watch my 📺 walk through video here

Future development

These are just some basic features for MindStone v1, many more are coming (if I find enough of interest and this will probably a premium/paid option):

  • 🎯 Obsidian, Notion, VSCode Plugin
  • 🎯 Page Preview (like Obsidian Core plugin)
  • 🎯 Andy Sliding pane
  • 🎯 Full text search with Cmd + K
  • 🎯 Infinite canvas for browsing through notes and connections

Some know issues

This an early version of MindStone, which mean there are bugs and issues. Below are some known issues, that I plan to work on:

  • Graphview does not load when clicking on side-bar or click node on graphview, browser reload will refresh it state
  • Graph view layout and interaction is still very rough. More UI/UX improvements are needed.
  • Transclusion is not working yet.

digital-garden's People

Contributors

canburaks avatar livicomturkiye avatar seabluetours avatar tuanmanhcao avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.