Code Monkey home page Code Monkey logo

digital-garden's Introduction

What is MindStone?

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

This repo is a fork of MindStone, introducing support for canvas files

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

Снимок экрана 2023-04-20 в 00 39 05

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.

Deployment

build

ssh photoprism

cd /opt/FamilyTree
git pull

cd /opt/digital-garden
git pull

rm -rf posts
mkdir posts

cp -R ../FamilyTree/* posts
rm -rf posts/☁️\ Облако posts/⚙️\ Шаблоны posts/✅\ План.md posts/📆 Календарь.md
docker build -t obsidian-wiki .

test

docker run -p 3000:3000 obsidian-wiki

deploy

cd ../photoprism
docker-compose up -d

digital-garden's People

Contributors

tuanmanhcao avatar canburaks avatar mrdrprofuroboros avatar seabluetours avatar livicomturkiye 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.