前言
準備工作
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>号,選擇建立倉庫
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5yM4kzN2YTMiRGNkZGZ3gDOxYzXxQTMzkDM4AzLcFTMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL3M3Lc9CX6MHc0RHaiojIsJye.png)
按下圖紅框提示建立倉庫,<code>倉庫名稱</code>按自己喜好就好,最後點選 <code>建立</code>完成倉庫的建立。
點選<code>個人首頁</code>的<code>設定</code>
找到私人令牌
點選右上角 <code>生成新令牌</code>
權限選擇前兩個就夠了,<code>令牌</code>最好添加描述以明确用途,沒有也沒關系,完成之後點選 <code>送出</code>
令牌隻會生成一次,以後遺忘了還可以重新生成,這裡将<code>令牌(token)</code>複制下來,後面會用到。
下載下傳<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需要配置檔案,未指定時使用預設配置檔案,官方說明如下:
以下開始說明兩種配置的配置方法:
下載下傳<code>picgo-core</code>:typora内置了<code>picgo-core(command line)</code>,直接在軟體内下載下傳即可
安裝插件:安裝完成後,到軟體安裝目錄,使用指令行分别安裝三個插件
picgo-core(command line)安裝未完成時,在typora軟體偏好設定中點選 <code>驗證圖檔上傳選項</code>會報錯,報錯資訊中會給出安裝完成後軟體的實際路徑(下圖隻看上半部分,即軟體路徑,用來安裝插件)
配置插件:安裝完成,點選typora軟體偏好設定中,打開配置檔案
目前隻用gitee,隻設定gitee就可以了
還要把目前使用的插件以及上傳使用的插件設定上
配置完成之後儲存,點選typora偏好設定-驗證圖檔上傳選項,如果之前沒有上傳過typora軟體的圖示,此時應該是能夠上傳成功的,如果倉庫裡已經存在,那麼可能的結果會和上面一樣(倉庫裡已經有了這個檔案,就沒有必要再上傳了)
使用<code>custom command</code>需要先通過 <code>Node.js</code> 指令行安裝picgo,指令參照官方連結。
在指令行安裝 <code>picgo</code>:
隻有安裝成功後 <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偏好設定上選擇 <code>Custom Command</code>,自定義指令為 <code>C:\\Users\\ryan\\AppData\\Roaming\\npm\\picgo upload</code>
<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>,官方配置說明。
<code>picgo set uploader</code>
<code>picgo use uploader</code>