如何制作一個手機上的Github圖床捷徑(workflow)

准備工作

• github賬號與綁定郵箱
• 建立一個倉庫用於存放圖片
• 生成github token 注意生成之后要備份以免后面要用到(頁面刷新之后會看不見🙈)
• 了解github上傳文件的 GitHub API

創建捷徑

• 設置捷徑名字,共享表單中顯示所有或者圖片文件媒體這幾種類型
• 創建一個字典存放配置項
• 取出每個配置項作為變量
• 文件名采用時間戳
• 從相冊選或者小組件共享獲取到圖片資源轉成base64不換行
• 拼接API路徑,參考API和上圖
• PUT請求,json格式傳輸,token塞進header,以及接受類型設置一下即可,值得注意的是accept應該設置為application/vnd.github.v3+json
• 上傳成功之后拼接好cdn訪問的地址拷貝至剪貼板

GitHub API

 https://api.github.com/repos/<userName>/<repoName>/contents/<path>/<fileName>
 PUT 請求 
 header 里
 {
      "Accept" : "application/vnd.github.v3+json",
      "Authorization" : "token <github token>" 
}

json必傳的兩個參數
{ 
"message" : 提交日志信息,
"content" : 文件以base64形式不換行 
}

<!-- 免費的CDN小技巧 https://cdn.jsdelivr.net/gh/<username>/<repoName>/xxx/   -->

gitee 與 github API如出一轍,不再贅述

總結

靈感來自於PicGo,Mac上有這樣一個軟件插件挺好的,就想着好多圖片都來自於手機拍攝,所以干脆就尋思着做了這么一個工具,直接從手機端上傳,把地址放到剪貼板,剪貼板工具Pin或者其他工具通過iCloud同步到Mac使用也是可以達到無縫使用. (之前也有很多其他平台的圖床用於盆友圈圖片評論啥的,原理其實都是一個道理,把圖片上傳到圖床取鏈接而已)