文章同步發佈於https://kevinyay945.com/ironman2022/day15/

上一篇我們已經成功將官方的範例外掛成功透過檔案的方式放到obsidian中了,接下來我們就要來嘗試將我們這次要改的外掛透過一樣的方式放到obsidian中嘍

首先,從外掛商店中找到我們想要改的plugin

我們可以找到,他的專案的存放位置
https://github.com/gavvvr/obsidian-imgur-plugin

緊接著,就是跟上一篇相同的方式,將這個專案拉到plugins的資料夾中

cd ~/Developer/side-project/obsidian/plugin-development/.obsidian/plugins
git clone git@github.com:gavvvr/obsidian-imgur-plugin.git
cd obsidian-imgur-plugin

緊接著,看到一份新的js/ts專案,我們就要先看他的package.json裡面有哪些script可以用
https://github.com/gavvvr/obsidian-imgur-plugin/blob/master/package.json#L6

我們看到他有五種script

• dev: 開發用的
• test: 跑測試的
• build: 產生正式環境的程式碼的
• prepare: 為了讓husky這個git的輔助套件可以順利運行的內容
• commit: 運行git-cz

這樣看起來,要完成我們的目標,會用到兩個

• dev
• build

這兩個應該會是我們比較需要改變的,開發使用dev,完成後將透過build將成果輸出並放到obsidian中

那我們先讓obsidian可以順利讀到外掛當成第一步

npm run install
npm run dev

並重新打開obsidian,點選第三方套件,就會看到剛剛我們手動下載的外掛了