Typora 是一款簡單、高效而且優(yōu)雅的 Markdown 編輯器，它提供了一種所見即所得的全新的 Markdown 寫作體驗(yàn)。它把源碼編輯和效果預(yù)覽兩者合二為一，在輸入 Markdown 代碼的時(shí)候即時(shí)生成預(yù)覽效果。Typora 的一切都圍繞純粹的生產(chǎn)效率而設(shè)計(jì)。Typora一直是老逛最喜歡的 markdown 編輯器，寫博客、記筆記的首選軟件。相信大部分朋友也在使用 Typora 這款軟件。但是 Typora 之前是不支持圖床功能的，只能通過第三方插件實(shí)現(xiàn)圖片自動(dòng)上傳的功能。不過最近 Typora 有了更新，終于支持圖床功能了，接下來我會(huì)分別介紹借助插件上傳圖片和 Typora 自身的圖床功能。老逛親身體驗(yàn)，Typora 軟件自帶的圖片上傳功能很慢，不如自己寫的插件好用。1. 借助插件實(shí)現(xiàn)自動(dòng)上傳之前老逛也是使用第三方插件進(jìn)行圖片的上傳，該插件安裝后的使用效果如下：插件配置接下來可以配置將圖片上傳到哪個(gè)圖床，打開 plugins/image/upload.js 文件，拉到最下面 將最后一行的 $.image.init(); 按照下面的說明進(jìn)行配置：上傳到Github - 推薦免費(fèi)且無需自己搭建服務(wù)器，流量交易是一種不錯(cuò)的方式，配置中需要填寫token，添加 token 可登陸 GitHub后訪問此鏈接：https://github.com/settings/tokens僅給 typora 使用的 token 授予最小的權(quán)限（repo.public_repo） 即可。

//注冊token的盡量不要跟其他應(yīng)用共用，同時(shí)授予最小權(quán)限
//免費(fèi)+無需自己搭建服務(wù)器，是一種不錯(cuò)的方式
$.image.init({
    target:'github',
    quality:1, //圖片壓縮開關(guān)，1表示原圖上傳 取值為：0<quality<=1，如果要壓縮推薦 0.7
    github:{
        Token : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // 添加一個(gè)僅給typora使用的token 授予最小的權(quán)限（repo.public_repo） ，添加token：https://github.com/settings/tokens
        CommitterName : 'nickname', // 提交人昵稱，寫你github的昵稱
        CommitterEmail : 'email@mail.com', // 提交人郵箱，寫你github的郵箱
        Repository : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // github項(xiàng)目名，比如你的項(xiàng)目地址是：https://github.com/Thobian/typora-plugins-win-img 那就是后面的“Thobian/typora-plugins-win-img”
        Filepath : 'typora', // 圖片在項(xiàng)目中的保存目錄，可以不用提前創(chuàng)建目錄，github提交時(shí)發(fā)現(xiàn)沒有會(huì)自動(dòng)創(chuàng)建
        // 【注意：開啟CDN后會(huì)將原github的文件地址換成 jsDelivr 的地址，如出現(xiàn)鏡像出現(xiàn)國內(nèi)無法訪問，或者不再繼續(xù)運(yùn)營你的圖片也將不能訪問到，請謹(jǐn)慎開啟該功能】
        jsDelivrCND : false, // 是否開啟GitHub圖片走鏡像，國內(nèi)有時(shí)候訪問不太方便,如要打開設(shè)置為：true
    }
});

上傳到自建服務(wù)器將圖片上傳地址換成你自己的后端接口，由于調(diào)用時(shí)不帶登錄態(tài)，請注意接口安全別被壞人利用。為了防止壞人利用你服務(wù)器接口，插件支持設(shè)置請求頭，可一定程度避免被利用

接口協(xié)議：

請求方式：POST

請求參數(shù)：data:image/png;base64,xxxxxx （圖片原轉(zhuǎn)換成base64后的值）

成功響應(yīng)：{‘code’:0, ‘message’:‘成功’, ‘data’:{‘url’=>‘imageURL’}}

失敗響應(yīng)：{‘code’:x, ‘message’:‘錯(cuò)誤原因’, ‘data’:null} 失敗時(shí)，code必須未非0

后端接口代碼可以參考代碼文件：upload.php

$.image.init({
    target:'self',
    self:{
        //默認(rèn)上傳地址 https:///typora-plugins/upload.html
        url:"https://you-server/the-image-upload-path",
        headers:{
            //默認(rèn): token:B40289FC92ED660F433BF0DB01577FDE
            token:"value"  //自己定義好，并在接口里面檢查避免壞人利用你接口
        }
    }
});

上傳到騰訊云OSS

//為了你騰訊云的安全，強(qiáng)烈建議你為這個(gè)操作添加一個(gè)單獨(dú)的子賬號，并只開啟API訪問權(quán)限
//添加子賬號：https://console.cloud.tencent.com/cam
//更多關(guān)于騰訊云子賬號（CAM）說明：https://cloud.tencent.com/document/product/598/13665
$.image.init({
    target:'tencent',
    tencent : {
        Bucket: 'bucket-name', // 對象存儲->存儲桶列表(存儲桶名稱就是Bucket)
        SecretId: 'SecretId', // 訪問控制->用戶->用戶列表->用戶詳情->API密鑰 下查看
        SecretKey: 'SecretKey', // 訪問控制->用戶->用戶列表->用戶詳情->API密鑰 下查看
        Region: 'Region', // 對象存儲->存儲桶列表(所屬地域中的英文就是Region)
        folder: 'typora', // 可以把上傳的圖片都放到這個(gè)指定的文件夾下
    },
});

上傳到阿里云OSS

//為了你阿里云賬號的安全，強(qiáng)烈建議你為這個(gè)操作添加一個(gè)單獨(dú)的子賬號，并只開啟API訪問權(quán)限
//添加子賬號：https://ram.console.aliyun.com/users
//給子賬號授權(quán)：https://ram.console.aliyun.com/permissions
//更多關(guān)于阿里云子賬號（RAM）說明：https://help.aliyun.com/product/28625.html
//SecretId 就是阿里云的：AccessKey ID
//SecretKey 就是阿里云的：AccessKey Secret，這個(gè)值只能在你創(chuàng)建 AccessKey 時(shí)看到，所以要保管好，否則只能重新生成
$.image.init({
    target:'aliyun',
    aliyun : {
        // 個(gè)人覺得阿里云的這個(gè) AccessKey 沒有騰訊云的好用
        SecretId: 'xxxx', // 需要先創(chuàng)建 RAM 用戶，同時(shí)訪問方式選擇“編程訪問”
        SecretKey: 'xxxx', // 最好是子賬號的key，僅授予oss讀寫權(quán)限（不包括刪除）
        Folder: 'typora', // 可以把上傳的圖片都放到這個(gè)指定的文件夾下
        BucketDomain : 'http:///', // 存儲空間下有個(gè)：Bucket 域名 挑一個(gè)就好了
    }
});

上傳到七牛云

//“密鑰管理”頁面地址：https://portal./user/key
$.image.init({
    target:'qiniu',
    qiniu: {
        UploadDomain: 'https://', // 上傳地址，需要根據(jù)你存儲空間所在位置選擇對應(yīng)“客戶端上傳”地址 詳細(xì)說明：https://developer./kodo/manual/1671/region-endpoint
        AccessDomain: 'http:///', // 上傳后默認(rèn)只會(huì)返回相對訪問路徑，需要設(shè)置好存儲空間的訪問地址。進(jìn)入“文件管理”下面可以看到個(gè)“外鏈域名”就是你的地址了，復(fù)制過來替換掉 xxx 就可以了。
        AccessKey : 'xxxx', // AK通過“密鑰管理”頁面可以獲取到
        SecretKey: 'xxxx', // SK通過“密鑰管理”頁面可以獲取到
        Folder: 'typora', // 可以把上傳的圖片都放到這個(gè)指定的文件夾下
            
        policyText: {
            scope: "xxx", // 對象存儲->空間名稱，訪問控制記得設(shè)置成公開
            deadline: 225093916800, // 寫死了：9102-12-12日，動(dòng)態(tài)的好像偶爾會(huì)簽名要不過
        },
    }