作為一個技術博主，了不起不是在創(chuàng)作就是在創(chuàng)作的路上（當然偶爾也會有點恰飯文~還指望大家多多支持），特別是在寫一些技術文章的時候，經(jīng)常會用到圖片，然而為了在多個平臺同步發(fā)文，就需要使用圖床了。

之前了不起用的是微博的圖床，可是今年年初的時候，突然發(fā)現(xiàn)用不了了，沒辦法畢竟是免費的，不穩(wěn)定不能用也很正常，了不起只能再想想其他辦法了。

Typora 配置

后面一想既然是為了寫公眾號，那可以將圖片直接上傳的公眾號的素材庫呀，因為日常寫作的軟件用的 Typora? 看了圖片設置這里，之前用的是 iPic?， 現(xiàn)在可以選擇 Custom Command，通過執(zhí)行一個腳本來進行文件的上傳。

根據(jù)官方文檔，我們可以看到，只要按照下面的樣式進行輸出上傳后的圖片地址，Typora 就可以獲取到圖片上傳的地址，并進行替換。所以我們要做的就是將圖片進行上傳，然后輸出這種格式的內容就可以了。

Upload Success:
http://remote-image-1.png
http://remote-image-2.png

腳本開發(fā)

在編寫腳本之前，我們需要先獲取到公眾號的 AppID? 和 AppSecret?，以及對應的接口地址，AppID? 和 AppSecret 在公眾號后臺的基本配置模塊可以看到，首次進入的時候需要開啟一下。

注意：公眾號現(xiàn)在不再保存 AppID? 和 AppSecret，我們要記得復制保存下來，不然忘記的話就只能重置了。

然后通過微信的開放文檔，我們可以看到我們需要的兩個接口，一個是獲取 access_token 的接口，一個是上傳圖片的接口。對應的接口分別是

獲取 access_token? 的地址：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

上傳圖片的地址：https://api.weixin.qq.com/cgi-bin/media/uploadimg?access_token=ACCESS_TOKEN

接下來我們就是真正的編寫腳本了，了不起這里是通過 Go 語言來編寫的腳本，短短的幾十行就夠了，完整的代碼如下

package main

import (
 "encoding/json"
 "fmt"
 "github.com/asmcos/requests"
 "os"
)
# 替換成自己的 AppID 和 AppSecret
const AppID = ""
const AppSecret = ""

const ACCESS_TOKEN_URL = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" + AppID + "&secret=" + AppSecret
const UPLOAD_IMAGE_URL = "https://api.weixin.qq.com/cgi-bin/media/uploadimg?access_token="

type Response struct {
 Access_token string
 Expires_in   string
 Url          string
}

func main() {

 // 請求 access_token
 req := requests.Requests()
 resp, _ := req.Get(ACCESS_TOKEN_URL)
 //req.Debug = 1
 var res Response
 b := []byte(resp.Text())
 err := json.Unmarshal(b, &res)
 if err != nil {
  //println(err)
 }
 var accessToken = res.Access_token
 //println(accessToken)

 // 獲取命令行參數(shù)
 if accessToken != "" {
  var urls []string
  for k, v := range os.Args {
   // 上傳圖片
   if k != 0 {
    data := requests.Datas{
     "type": "image",
    }
    files := requests.Files{
     "media": v,
    }
    uploadReq := requests.Requests()
    //uploadReq.Debug = 1
    uploadReq.Header.Set("Content-Type", "multipart/form-data")
    resp2, _ := uploadReq.Post(UPLOAD_IMAGE_URL+accessToken+"&type=image", data, files)
    var resUrl Response
    url := []byte(resp2.Text())
    json.Unmarshal(url, &resUrl)
    //println(resUrl.Url)
    urls = append(urls, resUrl.Url)
   }
  }
  if len(urls) > 0 {
   println("Upload Success:")
   for i := range urls {
    fmt.Println(urls[i])
   }
  }
 } else {
  println(resp.Text())
 }
}

編寫完了過后，我們通過 go build? 命令，打包一個可執(zhí)行文件出來，然后在 Typora 里面配置上可執(zhí)行文件的路徑即可，如下所示。

然后我們可以點擊 Test Uploader 來測試我們的腳本有沒有問題，如果腳本有問題這里會顯示上傳失敗，正常的話返回成功。

如果小伙伴跟著操作到了這里，那么可以肯定，你這里一定是失敗的，失敗的原因不是腳本有問題，而是因為沒有將外網(wǎng) IP? 配置到公眾號的 IP白名單中。

我們將錯誤信息中的 IP? 添加到公眾號后臺的 IP 白名單里面，配置的地方也在基本配置那塊，添加的時候管理員掃碼確認即可。

接下來再次測試，可以看到上傳結果是成功的了。

插件安裝

原本事情到這里已經(jīng)很完美了，可以愉快的寫代碼并且還可以有自己的圖床可以用，爽歪歪。

然而當以為一切都很完美的時候，不完美的地方又來了，那就是如果我們把寫好的包含上傳到圖床和替換好了圖片鏈接的文章復制到一些其他平臺的時候，很不幸出現(xiàn)了下面的情況，公眾號的圖片不可以被引用。

看到這里的小伙伴是不是都想罵人了，搞了半天這不還是不能用么，其實這個問題主要是因為公眾號對于來源的站點根據(jù)請求 referer? 屬性做了限制而已，我們可以通過安裝一個 Chrome? 瀏覽器插件 Referer Control? 來控制，只要在插件里面配置好禁止 referer 的站點就好了。

在左側填入你不能獲取公眾號圖片的平臺域名，然后回車，在右側選擇 Block ，然后再回去刷新平臺，不出意外的這次真沒有意外了，可以看到圖片了。

總結

今天了不起給大家介紹了一種自建圖床的方法，當然如果有不差錢的大佬可以使用云廠商提供的 OSS 存儲，沒必要這樣折騰，如果喜歡折騰的小伙伴也可以按照文章的方式來玩一玩。

不過這種方式有個缺點就是個人電腦的外網(wǎng) IP? 會經(jīng)常變化，這就會導致我們偶爾會上傳不成功，上傳不成功的時候我們就需要將最新的 IP? 更新進公眾號后臺的IP 白名單中。