fbpx
  1. Tubelator AI
  2. >
  3. Videos
  4. >
  5. Science & Technology
  6. >
  7. How To Create Your Own Obsidian Plugin - Step By Step

How To Create Your Own Obsidian Plugin - Step By Step

Available In Following Subtitles
English
Variant 1
Posted on:
Learn how to extend Obsidian by writing your own plugins with this step-by-step tutorial. Find all the necessary resources and requirements in the GitHub repository linked below. Create custom plugins for enhanced note-taking in Obsidian.
tubelator logo

Instantly generate YouTube summary, transcript and subtitles!

chrome-icon Install Tubelator On Chrome

Video Summary & Chapters

0:00
1. Introduction 🌟
Overview of Obsidian and the ability to create plugins
0:16
2. Prerequisites and Resources 🔍
List of requirements and resources needed for plugin development
1:15
3. Getting Started with Plugin Creation 🛠️
Initiating the process by setting up the plugin repository
1:46
4. Installing the Plugin into Vault 💻
Guidance on adding the plugin to the Obsidian Vault
2:21
5. Setting Up Plugin Directory 📁
Creating necessary directories for the plugin code
2:54
6. Handling Plugin Files 📝
Explanation of important files in the plugin directory
3:22
7. Installing Dependencies 📦
Installing required dependencies for the plugin code
3:28
8. Compiling TypeScript Code 🔄
Converting TypeScript code to JavaScript for plugin execution
3:50
9. Reloading Obsidian 🔄
Reloading Obsidian to activate the newly created plugin
4:16
10. Setting up the Plugin Class 🛠️
Creating the main class and exporting it.
6:12
11. Extending Obsidian's Functionality 🚀
Enhancing word count feature to include line count.
8:45
12. Accessing Active File Content 📄
Retrieving and reading the content of the active file.
8:49
13. Avoiding String Issue 🧵
Fixing the issue by printing content to console and reloading the plugin.
9:13
14. Listening to Active Leaf Change 🍃
Handling the problem by triggering code on a specific event.
10:11
15. Updating Line Count 📝
Implementing a method to count lines in the file and updating the status bar.
11:09
16. Real-Time Line Count Update 🔄
Ensuring the line count updates dynamically as content changes.
12:00
17. Building Your First Plugin 🛠️
Completing the plugin functionality and testing real-time updates.
12:10
18. Improving the Plugin ✨
Making minor improvements like fixing tab opening line count issue.
13:15
19. Releasing Your Feature 🚀
Preparing to release the finished plugin feature.
13:19
20. Introduction 🌟
Overview of updating and releasing a new version of your Obsidian plugin
13:28
21. Updating Manifest.json
Steps to update the manifest.json file for the new plugin version
13:38
22. Updating versions.json
Updating the versions.json file with plugin and Obsidian version details
13:55
23. Creating GitHub Release 🚀
Creating a GitHub release with the new plugin version as a tag
14:34
24. Committing Changes Locally
Committing changes with the new plugin version locally
14:42
25. Uploading Changes to GitHub
Uploading the changes to GitHub repository from the local machine
15:15
26. Creating a Release on GitHub
Creating a release on GitHub with necessary files attached
16:00
27. Publishing to Obsidian Community
Steps to publish your plugin to the Obsidian community list
16:42
28. Conclusion & Appreciation 🙏
Summary of creating your own Obsidian plugins and final remarks

Video Transcript

0:00
obsidian that the powerful note-taking
0:02
app that is based on markdown files and
0:05
best of all it's possible to extend
0:07
obsidian by writing your own plugins and
0:10
today I'm going to show you how you can
0:11
build your own obsidian plugin step by
0:14
step
0:17
everything you need to know for this
0:19
video can be found on this GitHub
0:21
repository which is the first link in
0:23
the description down below so at first
0:25
you need a few requirements and that is
0:27
of course obsidian itself which I guess
0:29
you have already installed if you are
0:31
watching this video then you need git
0:33
which is a version control system for
0:36
your code you also need a GitHub account
0:38
so just go to github.com and create your
0:40
own account then you will need to
0:42
install node.js which is a runtime for
0:45
JavaScript code you will also need a
0:47
text editor where you can write your
0:48
code and I will recommend Visual Studio
0:51
code for that and lastly I recommend you
0:53
to have some basic typescript knowledge
0:55
because that's the language that we are
0:57
going to code our plugin in if at some
0:59
point in this video you might get stuck
1:01
then I highly recommend you to check out
1:03
The Unofficial obsidian plugin
1:05
development documentation by Marcus
1:08
Olsen here you can find the most
1:10
important information around developing
1:11
an obsidian plugin
1:14
foreign
1:15
but now we are actually getting started
1:17
with creating our own plugin and the
1:19
first step in this process is that you
1:21
go to the official obsidian sample
1:22
plugin and click this use this template
1:25
button here and then create a new
1:26
Repository
1:32
this is where the code of your plugin
1:33
will be stored and you have to enter a
1:35
name for your plugin in my case I will
1:37
just call it obsidian plugin tutorial
1:39
GitHub will now basically create a copy
1:42
of the official template inside your own
1:44
account for the purpose of this tutorial
1:46
I'm going to create a new obsidian Vault
shape-icon

Download extension to view full transcript.

chrome-icon Install Tubelator On Chrome

YouTube First AI Assistant

chrome-icon Install On Chrome

AI Art For This Video No image generated for this video yet but here is the example.

ai art
0:09
Prompt
spider man in aladdin style, bright colors, hyper quality, high detail, high resolution, --video --s 750 --v 6. 0 --ar 1:2
ai images

Explore more in Science & Technology