Coder Social home page Coder Social logo

standardgalactic / breadcrumbs Goto Github PK

View Code? Open in Web Editor NEW

This project forked from skepticmystic/breadcrumbs

0.0 1.0 0.0 9.18 MB

Visualise a custom hierarchy in your Obsidian vault. API: https://skepticmystic.github.io/breadcrumbs/

Home Page: https://ko-fi.com/skepticmystic

License: MIT License

JavaScript 86.30% TypeScript 11.79% CSS 0.10% Svelte 1.82%

breadcrumbs's Introduction

Breadcrumb Trail

This plugin adds multiple new views to Obsidian.

The wiki has way more in-depth info on the plugin than this current outdated and limited readme file.

Join our discussions in GitHub or Discord! For example, learn how other users get the most out of Breadcrumbs.

You can find the changelog here.

Basics

Breadcrumbs plugin lets you add hierarchical metadata to your notes and then leverage that structure.

Use

  • up/parent (↑)
  • unordered same/sibling (↔)
  • directional/orderly sibling (previous (←)/next (→))
  • down/child (↓)

relationships in your notes. You can name those relationship types anyway you want that best fits your purpose (up/parent/top/high/ancestor/founder/source/foo).

To get this structure, the plugin requires that you use some type of metadata indicating the hierarchy of notes:

  1. Frontmatter field. This is a field in the yaml format at the very top of your note. For example the me.md file could have the following frontmatter:
---
parent: [[dad]]
parent: [[mom]]
sibling: [[sister Lara]]
child: [[child Andre]]
---
  1. Inline (must use the Dataview plugin), among the normal text like this:
Punching is a very effective MMA technique (sibling:: [ [[Kicking]], [[Elbowing]], [[Kneeing]] ], parent:: [[Striking]])

(notice the double colon for the Dataview inline metadata).

  1. You can combine both approaches as well. For example your Course. 101 - Basics of Financing.md file might have the following content:
---
up: [[Year 2022 courses]]
same: [[Course. 103 - Basics of Programming]]
---
# Course. 101 - Basics of Financing
This course teaches the basics of financing. It contains several sub-areas:
- down:: [[101 - Basics of Financing. Lectures]]
- down:: [[101 - Basics of Financing. Group work]]
- down:: [[101 - Basics of Financing. Essay]]

Next:: [[Course. 201 - Advanced Financing]]

Matrix/List view

This view shows the current note's parents, siblings, and children in either of the following styles:

image

image

To open the view in your sidebar, run the command Breadcrumbs: Open View from the Command Palette (Ctrl+P).

Breadcrumbs Trail view

This view shows a trail of notes from the top of your vault down to your current note:

image

Using this structure that you impose, you can use the breadcrumb trail to visualise the path back to your parent note.

Juggl view

The Juggl plugin is tightly integrated with Breadcrumbs, such as with the Juggl view that can automatically be added above your current note:

Videos

Latest tutorial as of 2022-01-02

image|100

Video going in-depth into Threading feature, by @blizzingout

http://youtube.com/watch?v=AS5Mv6YNmsQ

First video about Breadcrumbs

image

Feed my coffee problem

If you're so inclined, you can buy me a coffee over here: https://ko-fi.com/skepticmystic :)

breadcrumbs's People

Contributors

artem-barmin avatar chrisgrieser avatar claremacrae avatar hananoshikayomaru avatar hemile avatar mikkovedru avatar ooker777 avatar skepticmystic 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.