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

如圖所見

準備工作

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

創建捷徑

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

總結

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