天天看點

Typora+gitee+notejs+堅果雲建構私有雲筆記

前言

準備工作

Typora配置

配置檔案

1. picgo-core(command line)

2. custom command

備注

附錄:npm官方操作

好記性不如爛筆頭,對于需要持續輸入的自己來說,需要輸出倒逼輸入,寫筆記是個不錯的選擇。偶然發現使用​<code>​markdown​</code>​語言的優秀​<code>​markdown​</code>​編輯器​<code>​Typora​</code>​,能夠很好支援​<code>​markdown​</code>​文法,使用​<code>​markdown​</code>​的一大痛點是圖檔的顯示,​<code>​Typora​</code>​編輯器預設插入圖檔時将圖檔儲存在本地,使用圖檔相對路徑,但不利于筆記遷移,也不利于網絡傳輸。

綜上,于是有了本文:

使用​<code>​gitee​</code>​圖床将圖檔儲存在​<code>​gitee​</code>​遠端倉庫,隻要終端能夠正常通路網絡,就能夠正常浏覽儲存成筆記的​<code>​*.md​</code>​ ​<code>​markdown​</code>​檔案;

圖檔儲存在​<code>​gitee​</code>​遠端倉庫中,可以使用​<code>​git​</code>​對倉庫進行管理,可以将倉庫拉取到本地備份,很友善,git的使用可以參考​​廖雪峰的文章​​;

每次編輯完成後将檔案導出為​<code>​.pdf​</code>​格式檔案,離線也能正常浏覽;

将編輯完成的​<code>​.md​</code>​筆記檔案和導出的​<code>​.pdf​</code>​檔案存放在​<code>​堅果雲​</code>​中,實作多終端同步;

得益于​<code>​markdown​</code>​語言标準,将編輯完成的​<code>​.md​</code>​檔案内容,直接複制到支援​<code>​markdown​</code>​文法的部落格系統中,文法上稍作修改,筆記直接變身部落格。

以上,一舉五得。

本文要做的就是:借助​<code>​Typora​</code>​編輯器裡的​<code>​picgo​</code>​支援,使用​<code>​node.js​</code>​環境輔助,實作寫作時插入筆記中的圖檔自動上傳到自己的​<code>​gitee​</code>​倉庫中,就這麼簡單。

登入​<code>​碼雲​</code>​賬号;

打開​​碼雲官方網站​​,輸入使用者名和密碼登入,未新增賬號自行注冊。在個人首頁右上角點選​<code>​+​</code>​号,選擇建立倉庫

Typora+gitee+notejs+堅果雲建構私有雲筆記

按下圖紅框提示建立倉庫,​<code>​倉庫名稱​</code>​按自己喜好就好,最後點選 ​<code>​建立​</code>​完成倉庫的建立。

Typora+gitee+notejs+堅果雲建構私有雲筆記

點選​<code>​個人首頁​</code>​的​<code>​設定​</code>​

Typora+gitee+notejs+堅果雲建構私有雲筆記

找到私人令牌

Typora+gitee+notejs+堅果雲建構私有雲筆記

點選右上角 ​<code>​生成新令牌​</code>​

Typora+gitee+notejs+堅果雲建構私有雲筆記

權限選擇前兩個就夠了,​<code>​令牌​</code>​最好添加描述以明确用途,沒有也沒關系,完成之後點選 ​<code>​送出​</code>​

Typora+gitee+notejs+堅果雲建構私有雲筆記

令牌隻會生成一次,以後遺忘了還可以重新生成,這裡将​<code>​令牌(token)​</code>​複制下來,後面會用到。

Typora+gitee+notejs+堅果雲建構私有雲筆記

下載下傳​<code>​Typora​</code>​編輯器并安裝,按預設設定就好,​​Typora官網​​;

下載下傳​<code>​node.js​</code>​并安裝,按預設設定就好,​​node.js官網​​;

一開始使用​<code>​picgo app​</code>​作為圖床上傳工具,奈何經常上傳失效。在​<code>​typora​</code>​軟體裡另外的幾個選擇是​<code>​picgo-core(command line)​</code>​和​<code>​custom command​</code>​。目前兩種配置都能正常使用,猜測這兩種方式共用一個配置檔案,在​​picgo的github​​上說明picgo需要配置檔案,未指定時使用預設配置檔案,官方說明如下:

Typora+gitee+notejs+堅果雲建構私有雲筆記

以下開始說明兩種配置的配置方法:

下載下傳​<code>​picgo-core​</code>​:typora内置了​<code>​picgo-core(command line)​</code>​,直接在軟體内下載下傳即可

Typora+gitee+notejs+堅果雲建構私有雲筆記

安裝插件:安裝完成後,到軟體安裝目錄,使用指令行分别安裝三個插件

picgo-core(command line)安裝未完成時,在typora軟體偏好設定中點選 ​<code>​驗證圖檔上傳選項​</code>​會報錯,報錯資訊中會給出安裝完成後軟體的實際路徑(下圖隻看上半部分,即軟體路徑,用來安裝插件)

Typora+gitee+notejs+堅果雲建構私有雲筆記
Typora+gitee+notejs+堅果雲建構私有雲筆記

配置插件:安裝完成,點選typora軟體偏好設定中,打開配置檔案

Typora+gitee+notejs+堅果雲建構私有雲筆記

目前隻用gitee,隻設定gitee就可以了

Typora+gitee+notejs+堅果雲建構私有雲筆記

還要把目前使用的插件以及上傳使用的插件設定上

配置完成之後儲存,點選typora偏好設定-驗證圖檔上傳選項,如果之前沒有上傳過typora軟體的圖示,此時應該是能夠上傳成功的,如果倉庫裡已經存在,那麼可能的結果會和上面一樣(倉庫裡已經有了這個檔案,就沒有必要再上傳了)

使用​<code>​custom command​</code>​需要先通過 ​<code>​Node.js​</code>​ 指令行安裝picgo,指令參照​​官方連結​​。

Typora+gitee+notejs+堅果雲建構私有雲筆記

在指令行安裝 ​<code>​picgo​</code>​:

Typora+gitee+notejs+堅果雲建構私有雲筆記

隻有安裝成功後 ​<code>​Node.js​</code>​指令行才能識别 ​<code>​picgo​</code>​指令,安裝完畢後如果之前沒有安裝過插件,需要先安裝插件; 使用​<code>​picgo-core(command line)​</code>​時已經安裝了插件此處可以不再安裝(插件應該是可以共用的)。可以用指令 ​<code>​picgo set uploader​</code>​ 配置插件,不過執行了​<code>​picgo set uploader​</code>​可能會覆寫之前的配置檔案,私人令牌 ​<code>​token​</code>​可能需要再次生成。

插件安裝:

Typora+gitee+notejs+堅果雲建構私有雲筆記

插件配置:

Typora+gitee+notejs+堅果雲建構私有雲筆記
Typora+gitee+notejs+堅果雲建構私有雲筆記

配置上傳指令:

配置檔案的配置同上節,使用上在typora偏好設定上選擇 ​<code>​Custom Command​</code>​,自定義指令為 ​<code>​C:\\Users\\ryan\\AppData\\Roaming\\npm\\picgo upload​</code>​

Typora+gitee+notejs+堅果雲建構私有雲筆記

​<code>​custom command​</code>​配置完成之後使用效果和使用​<code>​picgo-core(command line)​</code>​是一樣的,使用時兩者擇其一即可。

建議:為了避免兩種上傳方式混淆,可以分别用兩種不同的方式進行配置,配置的結果将展現在同一個​​配置檔案​​中:

使用​<code>​picgo-core(command line)​</code>​時,使用手動打開配置檔案的方式修改插件配置;

使用​<code>​custom command​</code>​時,使用​<code>​picgo set uploader​</code>​直接在指令行配置。

可在​<code>​Node.js​</code>​指令行使用指令配置​<code>​uploader​</code>​,​​官方配置說明​​。

Typora+gitee+notejs+堅果雲建構私有雲筆記

​<code>​picgo set uploader​</code>​

Typora+gitee+notejs+堅果雲建構私有雲筆記

​<code>​picgo use uploader​</code>​

Typora+gitee+notejs+堅果雲建構私有雲筆記