建站
咨詢
售后
建站咨詢
新聞中心
作為一個(gè)技術(shù)博主，了不起不是在創(chuàng)作就是在創(chuàng)作的路上（當(dāng)然偶爾也會(huì)有點(diǎn)恰飯文~還指望大家多多支持），特別是在寫一些技術(shù)文章的時(shí)候，經(jīng)常會(huì)用到圖片，然而為了在多個(gè)平臺(tái)同步發(fā)文，就需要使用圖床了。
之前了不起用的是微博的圖床，可是今年年初的時(shí)候，突然發(fā)現(xiàn)用不了了，沒辦法畢竟是免費(fèi)的，不穩(wěn)定不能用也很正常，了不起只能再想想其他辦法了。
Typora 配置
后面一想既然是為了寫公眾號(hào)，那可以將圖片直接上傳的公眾號(hào)的素材庫呀，因?yàn)槿粘懽鞯能浖玫?nbsp;Typora? 看了圖片設(shè)置這里，之前用的是 iPic?， 現(xiàn)在可以選擇 Custom Command，通過執(zhí)行一個(gè)腳本來進(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ù)制保存下來，不然忘記的話就只能重置了。
然后通過微信的開放文檔，我們可以看到我們需要的兩個(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
接下來我們就是真正的編寫腳本了，了不起這里是通過 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() {
// 請(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())
}
}
編寫完了過后，我們通過 go build? 命令，打包一個(gè)可執(zhí)行文件出來，然后在 Typora 里面配置上可執(zhí)行文件的路徑即可，如下所示。
然后我們可以點(diǎn)擊 Test Uploader 來測(cè)試我們的腳本有沒有問題，如果腳本有問題這里會(huì)顯示上傳失敗，正常的話返回成功。
如果小伙伴跟著操作到了這里，那么可以肯定，你這里一定是失敗的，失敗的原因不是腳本有問題，而是因?yàn)闆]有將外網(wǎng) IP? 配置到公眾號(hào)的 IP白名單中。
我們將錯(cuò)誤信息中的 IP? 添加到公眾號(hào)后臺(tái)的 IP 白名單里面，配置的地方也在基本配置那塊，添加的時(shí)候管理員掃碼確認(rèn)即可。
接下來再次測(cè)試，可以看到上傳結(jié)果是成功的了。
插件安裝
原本事情到這里已經(jīng)很完美了，可以愉快的寫代碼并且還可以有自己的圖床可以用，爽歪歪。
然而當(dāng)以為一切都很完美的時(shí)候，不完美的地方又來了，那就是如果我們把寫好的包含上傳到圖床和替換好了圖片鏈接的文章復(fù)制到一些其他平臺(tái)的時(shí)候，很不幸出現(xiàn)了下面的情況，公眾號(hào)的圖片不可以被引用。
看到這里的小伙伴是不是都想罵人了，搞了半天這不還是不能用么，其實(shí)這個(gè)問題主要是因?yàn)楣娞?hào)對(duì)于來源的站點(diǎn)根據(jù)請(qǐng)求 referer? 屬性做了限制而已，我們可以通過安裝一個(gè) Chrome? 瀏覽器插件 Referer Control? 來控制，只要在插件里面配置好禁止 referer 的站點(diǎn)就好了。
在左側(cè)填入你不能獲取公眾號(hào)圖片的平臺(tái)域名，然后回車，在右側(cè)選擇 Block ，然后再回去刷新平臺(tái)，不出意外的這次真沒有意外了，可以看到圖片了。
總結(jié)
今天了不起給大家介紹了一種自建圖床的方法，當(dāng)然如果有不差錢的大佬可以使用云廠商提供的 OSS 存儲(chǔ)，沒必要這樣折騰，如果喜歡折騰的小伙伴也可以按照文章的方式來玩一玩。
不過這種方式有個(gè)缺點(diǎn)就是個(gè)人電腦的外網(wǎng) IP? 會(huì)經(jīng)常變化，這就會(huì)導(dǎo)致我們偶爾會(huì)上傳不成功，上傳不成功的時(shí)候我們就需要將最新的 IP? 更新進(jìn)公眾號(hào)后臺(tái)的IP 白名單中。
標(biāo)題名稱：利用微信公眾號(hào)的圖片上傳接口，創(chuàng)造屬于自己的圖床功能！
分享網(wǎng)址：http://www.dlmjj.cn/article/dhiijie.html
