How To Create Your Own Obsidian Plugin - Step By Step
ฝัง
- เผยแพร่เมื่อ 16 มิ.ย. 2024
- Obsidian is a powerful note taking app. And it's actually possible to extend the features of Obsidian by writing your own plugins. This is a step by step guide, which shows you how to create and publish your own Obsidian plugins from scratch.
Donations: flolu.de/donations
Source Code: github.com/flolu/obsidian-plugin
Watch on Rumble: rumble.com/v2b0oz2-how-to-cre...
Watch on Odysee: odysee.com/@flolu:7/create-ob...
Website: flolu.de
Instagram: / flolu.de
GitHub: github.com/flolu
TikTok: / flolu.de
Twitter: / loflude
Timeline
00:00 Intro
00:16 Requirements
01:12 Installing the sample plugin
04:14 Hello world plugin
06:08 Implementing a simple plugin
13:12 Releasing a new version
16:40 Outro - วิทยาศาสตร์และเทคโนโลยี
Thanks for making this video.. It was immensely helpful
Glad to hear that!
This really was great. Thanks for posting it!
very clear, thank you!
Very informative video!! been procrastinating on creating a plugin. This was just in time.. thank you
Thank you very much for creating such a fantastic tutorial video. I'm a beginner in TypeScript and wanted to use the Obsidian plugin as a learning project, but I didn't know where to start. This video perfectly solved my getting started issue.
Very informative, thanks!
Glad you enjoyed it!
Nice and clean video. To the point.
Thank you so much.
Would definitely help.
Glad it helped
Excellent video, vielen Dank Florian!
I'm glad, that I was able to help!
Thanks this was very helpful!
Glad it was helpful!
Thanks for the video, and I really recommend using spaces instead of tabs ;)
Yes you're right! Not sure why it was configured like that.
Thanks dude!
Happy to help!
great job
I adore this tutorial. My only feedback would be to remind people to compile after making changes. Or maybe i'm just dense who knows xD. I think it was because i tried copying everything on screen and unless i missed something i didn't see you recompile after editing the status bar text. Thanks for making this you have started my plugin dev journey :)
I'm also a complete beginner trying to build a plugin, so good luck to both of us.
For the compilation of ts to js, he mentioned that by using the command "npm run dev" and keeping it running in the terminal (don't kill the terminal), it will auto-compile to js.
I asked ChatGPT to clarify, and it said that the compilation is done based on the settings inside the "package.json" file.
Hope this helps and happy building :)
Thank you so much! This is helping me a lot:) Can you tell me which vscode theme you’re using by the way? It looks awesome.
Thanks for your feedback! The theme is GitHub Dark Default with Material Icon Theme with Saturation set to zero
This was very helpful, thank you for making this video! I'm very interested in extending Obsidian's graph view; have you thought about making a tutorial on creating a graph view plugin? If not, do you happen to know of any resources where I can learn about this? Thank you very much, and great job again!
Thank you! Unfortunately the graph viewer API of Obsidian is very limited: forum.obsidian.md/t/understanding-the-graph-view-core/41020
Just made my first plugin with Florian!
Amazing! Glad to hear!
What theme do you use for vscode
I think it's called "GitHub Dark"
How can I change saturation to zero in vscode? I love your theme
That can be achieved by using the "Material Icon Theme" extension. Then you have to add this line to your VSCode's settings.json: "material-icon-theme.saturation": 0
Thanks a lot man!
@@thedevelopermind And the general theme I used is "GitHub Dark" from the "GitHub Theme" extension.
@@flolu What about your main code editor's background 🤔 Its also cool. I did this and it changes only files on the sidebar: "material-icon-theme.saturation": 0
@@flolu And there is no custom configs for theme or main code block?
i am new to this, when i enter the last line in the terminal and it opens visual studio, i am unable to find the menu you are looking at with 'main.ts', can you help or point me in a direction that may.
I'm referring to the time stamp 2:55 to 2:56. Thank you.
i fixed it
Hey Florian, idk why when i "npm run dev" it does not work... It says it is related to "await esbuild"... I'm really new to java, so idk what I'm dealling with lmao
Sorry. I need more details
I know… anywhere I can send you a ss to?
@@lamarrash192 flolu.de/contact
@@flolu I contacted you through Instagram, idk if that works for you. Thanks for taking the time though!