|
Typora 是一款簡單、高效而且優(yōu)雅的 Markdown 編輯器，它提供了一種所見即所得的全新的 Markdown 寫作體驗。它把源碼編輯和效果預覽兩者合二為一，在輸入 Markdown 代碼的時候即時生成預覽效果。Typora 的一切都圍繞純粹的生產(chǎn)效率而設計。Typora一直是老逛最喜歡的 markdown 編輯器，寫博客、記筆記的首選軟件。相信大部分朋友也在使用 Typora 這款軟件。但是 Typora 之前是不支持圖床功能的，只能通過第三方插件實現(xiàn)圖片自動上傳的功能。不過最近 Typora 有了更新，終于支持圖床功能了，接下來我會分別介紹借助插件上傳圖片和 Typora 自身的圖床功能。老逛親身體驗，Typora 軟件自帶的圖片上傳功能很慢，不如自己寫的插件好用。1. 借助插件實現(xiàn)自動上傳之前老逛也是使用第三方插件進行圖片的上傳，該插件安裝后的使用效果如下：插件配置接下來可以配置將圖片上傳到哪個圖床，打開 plugins/image/upload.js 文件，拉到最下面 將最后一行的 $.image.init(); 按照下面的說明進行配置：上傳到Github - 推薦免費且無需自己搭建服務器，流量交易是一種不錯的方式，配置中需要填寫token，添加 token 可登陸 GitHub后訪問此鏈接：https://github.com/settings/tokens僅給 typora 使用的 token 授予最小的權限（repo.public_repo） 即可。 //注冊token的盡量不要跟其他應用共用，同時授予最小權限
//免費+無需自己搭建服務器，是一種不錯的方式
$.image.init({
target:'github',
quality:1, //圖片壓縮開關，1表示原圖上傳 取值為：0<quality<=1，如果要壓縮推薦 0.7
github:{
Token : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // 添加一個僅給typora使用的token 授予最小的權限（repo.public_repo） ，添加token：https://github.com/settings/tokens
CommitterName : 'nickname', // 提交人昵稱，寫你github的昵稱
CommitterEmail : 'email@mail.com', // 提交人郵箱，寫你github的郵箱
Repository : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // github項目名，比如你的項目地址是：https://github.com/Thobian/typora-plugins-win-img 那就是后面的“Thobian/typora-plugins-win-img”
Filepath : 'typora', // 圖片在項目中的保存目錄，可以不用提前創(chuàng)建目錄，github提交時發(fā)現(xiàn)沒有會自動創(chuàng)建
// 【注意：開啟CDN后會將原github的文件地址換成 jsDelivr 的地址，如出現(xiàn)鏡像出現(xiàn)國內(nèi)無法訪問，或者不再繼續(xù)運營你的圖片也將不能訪問到，請謹慎開啟該功能】
jsDelivrCND : false, // 是否開啟GitHub圖片走鏡像，國內(nèi)有時候訪問不太方便,如要打開設置為：true
}
}); 上傳到自建服務器將圖片上傳地址換成你自己的后端接口，由于調用時不帶登錄態(tài)，請注意接口安全別被壞人利用。為了防止壞人利用你服務器接口，插件支持設置請求頭，可一定程度避免被利用 接口協(xié)議： 請求方式：POST 請求參數(shù)：data:image/png;base64,xxxxxx （圖片原轉換成base64后的值） 成功響應：{‘code’:0, ‘message’:‘成功’, ‘data’:{‘url’=>‘imageURL’}} 失敗響應：{‘code’:x, ‘message’:‘錯誤原因’, ‘data’:null} 失敗時，code必須未非0 后端接口代碼可以參考代碼文件：upload.php $.image.init({
target:'self',
self:{
//默認上傳地址 https:///typora-plugins/upload.html
url:"https://you-server/the-image-upload-path",
headers:{
//默認: token:B40289FC92ED660F433BF0DB01577FDE
token:"value" //自己定義好，并在接口里面檢查避免壞人利用你接口
}
}
}); 上傳到騰訊云OSS //為了你騰訊云的安全，強烈建議你為這個操作添加一個單獨的子賬號，并只開啟API訪問權限
//添加子賬號：https://console.cloud.tencent.com/cam
//更多關于騰訊云子賬號（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', // 可以把上傳的圖片都放到這個指定的文件夾下
},
}); 上傳到阿里云OSS //為了你阿里云賬號的安全，強烈建議你為這個操作添加一個單獨的子賬號，并只開啟API訪問權限
//添加子賬號：https://ram.console.aliyun.com/users
//給子賬號授權：https://ram.console.aliyun.com/permissions
//更多關于阿里云子賬號（RAM）說明：https://help.aliyun.com/product/28625.html
//SecretId 就是阿里云的：AccessKey ID
//SecretKey 就是阿里云的：AccessKey Secret，這個值只能在你創(chuàng)建 AccessKey 時看到，所以要保管好，否則只能重新生成
$.image.init({
target:'aliyun',
aliyun : {
// 個人覺得阿里云的這個 AccessKey 沒有騰訊云的好用
SecretId: 'xxxx', // 需要先創(chuàng)建 RAM 用戶，同時訪問方式選擇“編程訪問”
SecretKey: 'xxxx', // 最好是子賬號的key，僅授予oss讀寫權限（不包括刪除）
Folder: 'typora', // 可以把上傳的圖片都放到這個指定的文件夾下
BucketDomain : 'http:///', // 存儲空間下有個：Bucket 域名 挑一個就好了
}
}); 上傳到七牛云 //“密鑰管理”頁面地址：https://portal./user/key
$.image.init({
target:'qiniu',
qiniu: {
UploadDomain: 'https://', // 上傳地址，需要根據(jù)你存儲空間所在位置選擇對應“客戶端上傳”地址 詳細說明：https://developer./kodo/manual/1671/region-endpoint
AccessDomain: 'http:///', // 上傳后默認只會返回相對訪問路徑，需要設置好存儲空間的訪問地址。進入“文件管理”下面可以看到個“外鏈域名”就是你的地址了，復制過來替換掉 xxx 就可以了。
AccessKey : 'xxxx', // AK通過“密鑰管理”頁面可以獲取到
SecretKey: 'xxxx', // SK通過“密鑰管理”頁面可以獲取到
Folder: 'typora', // 可以把上傳的圖片都放到這個指定的文件夾下
policyText: {
scope: "xxx", // 對象存儲->空間名稱，訪問控制記得設置成公開
deadline: 225093916800, // 寫死了：9102-12-12日，動態(tài)的好像偶爾會簽名要不過
},
}
|
