shway
/
Notepad
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Notepad/enter/About Obsidian/Obsidian Guides/Tips on Obsidian itself.md

12 KiB
Raw Permalink Blame History

Obsidian is what I'm making all of this stuff that is on here right now on. For what it's worth, Obsidian is freaking cool, okay? At its core, it's just a bunch of markdown files and at its best, it is absolutely everything and anything that I want it to be. It's worth it as a knowledge management system and even if you don't use it as anything more than a note-taking software, it forces you to go back and to go over the things that you thought you knew.

Obsidian is resourceful because you are compiling knowledge as a story rather than as a file dump or a storage system. When you frame it as a story, you can go back and re-understand the things you had noted down before without losing current contextual relevancy. This allows you to quickly apply whatever was learned before to what you are dealing with now -- which is the whole point of learning anyhow! :)

With all of the new automation tools that are coming out, it is important to note that Obidian is your personal knowledge-base, not a knowledge management base that needs to necessarily be the most efficient or most pretty of things. It can be messy and inefficient but at least your notes will be somewhere here for you to iteratively build upon. And that is the beauty of it. Plus, it's fun. And when you have fun, you are more productive.

A Place for Obsidian Tips

Place any tips or tricks you find on the web on here.

Plugins

The file too see all installed plugins through terminal is /Users/shwethajayaraj/Google\ Drive/My\ Drive/uploads/Obsidian/.obsidian/plugins/obsidian-extract-pdf-annotations

Extract PDF Annotations

!Pasted image 20221211145937.png

  • above are the current hotkeys for pdf extraction
  • the file to see plugin

Using Buttons In Obsidian

name Add Em Up
type calculate
action 2+2

name How Many Bananas Today?
type calculate
action $1-$2
color yellow

^button-bananas

Using Callouts in Obdidian

Callouts

Use callouts to include additional content without breaking the flow of your notes.

To create a callout, add [!info] to the first line of a blockquote, where info is the type identifier. The type identifier determines how the callout looks and feels. To see all available types, refer to Supported types.

> [!info]
> Here's a callout block.
> It supports **Markdown**, [[Internal link|Wikilinks]], and [[Embed files|embeds]]!
> ![[Engelbart.jpg]]

Info

Here's a callout block.
It supports Markdown, Wikilinks and embeds!
Engelbart.jpg

Callouts are also supported natively on Obsidian Publish.

Note

If you're also using the Admonitions plugin, you should update it to at least version 8.0.0 to avoid problems with the new callout feature.

Change the title

By default, the title of the callout is its type identifier in title case. You can change it by adding text after the type identifier:

> [!tip] Callouts can have custom titles
> Like this one.

Callouts can have custom titles

Like this one.

You can even omit the body to create title-only callouts:

> [!tip] Title-only callout

Title-only callout

Foldable callouts

You can make a callout foldable by adding a plus (+) or a minus (-) directly after the type identifier.

A plus sign expands the callout by default, and a minus sign collapses it instead.

> [!faq]- Are callouts foldable?
> Yes! In a foldable callout, the contents are hidden when the callout is collapsed.

Are callouts foldable?

Nested callouts

You can nest callouts in multiple levels.

> [!question] Can callouts be nested?
> > [!todo] Yes!, they can.
> > > [!example]  You can even use multiple layers of nesting.

Can callouts be nested?

Yes!, they can.

You can even use multiple layers of nesting.

Customize callouts

CSS snippets and Community plugins can define custom callouts, or even overwrite the default configuration.

To define a custom callout, create the following CSS block:

.callout[data-callout="custom-question-type"] {
    --callout-color: 0, 0, 0;
    --callout-icon: lucide-alert-circle;
}

The value of the data-callout attribute is the type identifier you want to use, for example [!custom-question-type].

  • --callout-color defines the background color using numbers (0–255) for red, green, and blue.
  • --callout-icon can be an icon ID from lucide.dev, or an SVG element.

Note about lucide icon versions

Obsidian updates Lucide icons periodically. The current version included is shown below; use these or earlier icons in custom callouts.

Version 0.268.0
ISC License
Copyright (c) 2020, Lucide Contributors

SVG icons

Instead of using a Lucide icon, you can also use a SVG element as the callout icon.

--callout-icon: '<svg>...custom svg...</svg>';

Supported types

You can use several callout types and aliases. Each type comes with a different background color and icon.

To use these default styles, replace info in the examples with any of these types, such as [!tip] or [!warning].

Unless you Customize callouts, any unsupported type defaults to the note type. The type identifier is case-insensitive.

Note

> [!note]
> Lorem ipsum dolor sit amet

Abstract

[!abstract] Lorem ipsum dolor sit amet

Aliases: summary, tldr

Info

[!info] Some info tab here

Todo

[!todo] To do list here

Tip

[!tip]- This includes a tip that people will open

Aliases: hint, important

Success

[!success]- Log time here at 12:32:03

Aliases: check, done

Question

[!question]- Have a question you'd like answered? Well here is an answer

  • there are many
  • way to answer this such as this

Aliases: help, faq

Warning

[!warning] This is not a drill!

Aliases: caution, attention

Failure

[!failure] This is not working!!!!

Aliases: fail, missing

Danger

[!danger] ABOUT TO EXPLODE

Alias: error

Bug

[!bug]- a bug has spread it is infecting your computer and spreading to others taking over the world soon...

Example

[!example]- a bug has wings and legs. it is infecting your computer and spreading to others taking over the world soon...

Quote

[!quote]- You can't have Everything in life but you can have Anything in life.

Alias: cite

Further Obsidian Tips:

Basic formatting syntax

Obsidian Flavored Markdown

Style guide

More Examples:

Example 1: Automating Obsidian Workspace

It is possible to create different dynamic environments if you want. Obsidian currently is quite fast because it is simple. However, do to the .workspaces in obsidian files, you are allowed to create different kinds of workspace environments as described in this blog. This walks you through creating a macro script to instantiate different processes depending on what you want to do. !Pasted image 20230714171308.png

Example 2: Syncing Obsidian to Git

Obsidian can be hosted 100% offline and locally. What's more it can also be hosted on the cloud or on some storage device. What's even better you can actually also host your Obsidian files on a git repository as well, either on GitHub or your favorite distribution. I will be hosting it through Gitea.

Example 3: Vim & Git

There is an example [here]("Updated: date +'%Y-%m-%d %H:%M:%S'") on that. Head to Obsidian-Git notes for full explanation.

Example 4: Obsidian & Mobile

Although Obsidian sync exists for mobile, that is a subscription service. What's more there are alternatives for syncing with mobile such as this tutorial where you have use Working Copy, your git URL, & Shortcuts to sync all of the changes on your Obsidian. Another possible solution is using Git Journal.

Example 5: Encrypting Obsidian

Your Obsidian vault is already quite secure given that it is locally hosted and thus can only be viewed by those that have access to your devices only. However, if you want an additional layer of security, there is also a way to enable Git-Crypt with Obsidian. . Also See Encrypting Obsidian .

Example 6: Obsidian Gaming Hub

This genius Obsidian user decided to make a gaming hub inside of his obsidian. Uses the Templater community plugin.

Misc. improvements

Recent Obsidian Updates:

  • YouTube and Twitter links can now be embedded within your notes using the markdown image embed syntax (i.e. ![](https://www.youtube.com/...)).
  • We've redesigned all the tree components (e.g. File Explorer, Outline view) to make the visual hierarchy more clear. If you are using a custom theme, make sure to update it (Settings → Appearance → Check for updates) in case it was impacted at all.
  • Bookmarks: Added new "Bookmark this block" menu item when right-clicking on a block ID.

Extra Tidbits:

  • Lastly but not leastly, I stumbled upon Perlite in my search for obsidian sync. !Pasted image 20230206134648.png The sample view of Perlite extension.

Another site that you can render Obsidian in: !Pasted image 20230714005144.png

For instructions on setting up the front-end of Gitea to your Obsidian Vault head to Browser Talk.