一、環(huán)境準(zhǔn)備

1、安裝最新版Typora

地址：Typora 官方中文站 (typoraio.cn)

我的版本如下圖：

image.png

2、安裝Node.js

地址：Node.js (nodejs.org)

下載長(zhǎng)期服務(wù)版LTS

image.png

下載后，一直默認(rèn)下一步安裝即可

驗(yàn)證是否安裝成功

命令行輸入以下命令，出現(xiàn)版本號(hào)，說明安裝成功!

node -v

image.png

二、阿里云OSS購(gòu)買與配置

1、購(gòu)買阿里云OSS

地址：阿里云OSS

進(jìn)入阿里云官網(wǎng)，找到對(duì)象存儲(chǔ)OSS產(chǎn)品，點(diǎn)擊折扣套餐

image.png

選擇對(duì)應(yīng)的套餐，如果我們都是用來做筆記圖床，那么選標(biāo)準(zhǔn)(LRS)存儲(chǔ)包即可，一年9塊錢(續(xù)費(fèi)時(shí)長(zhǎng)只要超過1年，還是9塊錢)

image.png

購(gòu)買成功后，我們需要開通OSS，開通是免費(fèi)的。點(diǎn)擊上面的立即開通即可

2、配置阿里云OSS

我們進(jìn)入阿里云OSS的工作臺(tái), 點(diǎn)擊創(chuàng)建Bucket

地址：OSS管理控制臺(tái)

image.png

• Bucket名稱：唯一，自己隨便填
• 地域：選擇與自己相近的地區(qū)
• 存儲(chǔ)類型：標(biāo)準(zhǔn)存儲(chǔ)(因?yàn)槲覀儎倓傎I的是標(biāo)準(zhǔn)存儲(chǔ)包)
• 讀寫權(quán)限：改為公共讀
• 其他：全部默認(rèn)不開通，開通需要額外付費(fèi)

image.png

創(chuàng)建成功后，我們點(diǎn)擊進(jìn)入Bucket列表，在概述里面可以看到我們?cè)揃ucket的大概情況

其中外網(wǎng)流出流量和本月請(qǐng)求次數(shù)都是需要額外付費(fèi)的，我們可以通過權(quán)限管理里的防盜鏈來控制

具體費(fèi)用清單，請(qǐng)看：對(duì)象存儲(chǔ)OSS費(fèi)用清單

image.png

3、創(chuàng)建AccessKey

在阿里云官網(wǎng)右上角，將鼠標(biāo)移上去，點(diǎn)擊AccessKey管理

image.png

點(diǎn)擊創(chuàng)建AccessKey

image.png

三、安裝PicGo

1、安裝PicGo

官網(wǎng)地址：PicGo

打開Typora，文件---偏好設(shè)置

選擇PicGo-Core(command line),點(diǎn)擊下載更新

PicGo.app和PicGo-Core的區(qū)別?

• PicGo.app 提供圖形用戶界面，而PicGo-Core只有命令行界面

• PicGo-Core 上傳圖片耗費(fèi)的計(jì)算機(jī)資源更少，只有在上傳圖片時(shí)進(jìn)程才會(huì)運(yùn)行，上傳結(jié)束后(成功或失敗)進(jìn)程都會(huì)退出；PicGo.app 會(huì)一直保持運(yùn)行，不會(huì)自動(dòng)退出，而且由于是程序，因此消耗的資源會(huì)更多

image.png

2、安裝PicGo插件

安裝完成后，點(diǎn)擊驗(yàn)證圖片上傳選項(xiàng)，找到PicGo的下載路徑

驗(yàn)證失敗是正常的，因?yàn)榇藭r(shí)PicGo還未和阿里云OSS關(guān)聯(lián)

image.png

在此路徑下打開CMD窗口輸入以下命令：

• 安裝 super-prefix，用于上傳圖片時(shí)能自動(dòng)使用時(shí)間戳重命名

.\picgo.exe install super-prefix

image.png

3、配置PicGo

打開Typora，文件---偏好設(shè)置

選擇打開配置文件,按照一下進(jìn)行配置

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "",
      "accessKeySecret": "",
      "bucket": "", // 存儲(chǔ)空間名
      "area": "", // 存儲(chǔ)區(qū)域代號(hào)
      "path": "img/", // 自定義存儲(chǔ)路徑，會(huì)在bucket新建img文件夾
      "customUrl": "", // 自定義域名，注意要加 http://或者 https://
      "options": "" // 針對(duì)圖片的一些后綴處理參數(shù) PicGo 2.2.0+ PicGo-Core 1.4.0+
    }
  },
  "picgoPlugins": {
    "picgo-plugin-super-prefix": true
  }, // PicGo插件預(yù)留
  "picgo-plugin-super-prefix": {
    "prefixFormat": "YYYY/", //給文件名增加前綴,左斜杠表示會(huì)在bucket創(chuàng)建對(duì)應(yīng)文件夾
    "fileFormat": "YYYYMMDDHHmmss" //格式化文件名
  } //super-prefix插件配置
}

• accessKeyId：剛剛創(chuàng)建的key
• accessKeySecret：key對(duì)應(yīng)的密碼
• bucket：bucket的名稱
• area：Endpoint（地域節(jié)點(diǎn)）對(duì)應(yīng)的第一部分值，詳細(xì)見下圖
• customUrl：http://+Bucket 域名

image.png

4、驗(yàn)證

打開Typora，文件---偏好設(shè)置

點(diǎn)擊驗(yàn)證圖片上傳選項(xiàng)

image.png