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

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

Typora 配置

后面一想既然是為了寫公眾號(hào)，那可以將圖片直接上傳的公眾號(hào)的素材庫(kù)呀，因?yàn)槿粘懽鞯能浖玫?nbsp;Typora? 看了圖片設(shè)置這里，之前用的是 iPic?， 現(xiàn)在可以選擇 Custom Command，通過(guò)執(zhí)行一個(gè)腳本來(lái)進(jìn)行文件的上傳。

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

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

腳本開發(fā)

在編寫腳本之前，我們需要先獲取到公眾號(hào)的 AppID? 和 AppSecret?，以及對(duì)應(yīng)的接口地址，AppID? 和 AppSecret 在公眾號(hào)后臺(tái)的基本配置模塊可以看到，首次進(jìn)入的時(shí)候需要開啟一下。

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

然后通過(guò)微信的開放文檔，我們可以看到我們需要的兩個(gè)接口，一個(gè)是獲取 access_token 的接口，一個(gè)是上傳圖片的接口。對(duì)應(yīng)的接口分別是

獲取 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

接下來(lái)我們就是真正的編寫腳本了，了不起這里是通過(guò) Go 語(yǔ)言來(lái)編寫的腳本，短短的幾十行就夠了，完整的代碼如下

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() {

 // 請(qǐng)求 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())
 }
}

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

然后我們可以點(diǎn)擊 Test Uploader 來(lái)測(cè)試我們的腳本有沒(méi)有問(wèn)題，如果腳本有問(wèn)題這里會(huì)顯示上傳失敗，正常的話返回成功。

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

我們將錯(cuò)誤信息中的 IP? 添加到公眾號(hào)后臺(tái)的 IP 白名單里面，配置的地方也在基本配置那塊，添加的時(shí)候管理員掃碼確認(rèn)即可。

接下來(lái)再次測(cè)試，可以看到上傳結(jié)果是成功的了。

插件安裝

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

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

看到這里的小伙伴是不是都想罵人了，搞了半天這不還是不能用么，其實(shí)這個(gè)問(wèn)題主要是因?yàn)楣娞?hào)對(duì)于來(lái)源的站點(diǎn)根據(jù)請(qǐng)求 referer? 屬性做了限制而已，我們可以通過(guò)安裝一個(gè) Chrome? 瀏覽器插件 Referer Control? 來(lái)控制，只要在插件里面配置好禁止 referer 的站點(diǎn)就好了。

在左側(cè)填入你不能獲取公眾號(hào)圖片的平臺(tái)域名，然后回車，在右側(cè)選擇 Block ，然后再回去刷新平臺(tái)，不出意外的這次真沒(méi)有意外了，可以看到圖片了。

總結(jié)

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

不過(guò)這種方式有個(gè)缺點(diǎn)就是個(gè)人電腦的外網(wǎng) IP? 會(huì)經(jīng)常變化，這就會(huì)導(dǎo)致我們偶爾會(huì)上傳不成功，上傳不成功的時(shí)候我們就需要將最新的 IP? 更新進(jìn)公眾號(hào)后臺(tái)的IP 白名單中。