Typora+PicGo+Gitee實(shí)現(xiàn)Typora圖片上傳到圖床
前言
平時(shí)自己寫(xiě)博客的時(shí)候图仓,經(jīng)常會(huì)放入截圖或原理圖距误。每次將 Typora 寫(xiě)好的內(nèi)容ctrl + c拥刻,ctrl + v 復(fù)制到 csdn淮腾,博客園谭梗,掘金等博客社區(qū)發(fā)表時(shí)监婶,都會(huì)顯示不支持外部鏈接旅赢,然后就只能一張一張圖片地上傳,體驗(yàn)極差惑惶!我找尋了很多方法煮盼,也換了vscode來(lái)寫(xiě)博客。最后發(fā)現(xiàn)Typora+PicGo是最方便快捷的解決方法(vscode也能通過(guò)PicGo插件上傳到圖床带污,但Typora即時(shí)渲染是真的比舒服)僵控,就寫(xiě)此博客記錄并分享該方法。
步驟
-
將 Typora 升級(jí)到最新版
我之前發(fā)現(xiàn)這個(gè)方法時(shí)刮刑,找不到 偏好設(shè)置--> 圖像 --> 上傳服務(wù)設(shè)定喉祭,后來(lái)發(fā)現(xiàn)是自己版本的問(wèn)題(我從19年9月安裝到現(xiàn)在20年4月就沒(méi)更新過(guò),也不知道是哪個(gè)版本開(kāi)始支持雷绢,就直接更新到最新版吧)
因?yàn)檐浖?wù)器在美國(guó)泛烙,所以更新很慢,翻墻更新或用idm在瀏覽器重新下載安裝會(huì)比普通更新更快翘紊。
若已經(jīng)有上傳服務(wù)設(shè)定這個(gè)功能蔽氨,就跳過(guò)這個(gè)步驟
-
去 PicGo 官網(wǎng)下載PicGo
PicGo官網(wǎng)鏈接:https://github.com/Molunerfinn/picgo/releases
選個(gè)自己喜歡的版本,點(diǎn)擊進(jìn)入帆疟,找到后綴
.exe
的鹉究,點(diǎn)擊后自動(dòng)下載∽俪瑁或者直接使用最新版自赔。 -
安裝 node.js
如果你已經(jīng)有阿里云、騰訊云柳琢、七牛云等圖床绍妨,可以直接跳過(guò)后面步驟,在PicGo 軟件上配置
node.js 官網(wǎng)鏈接:https://nodejs.org/zh-cn/
選個(gè)自己喜歡的版本下載柬脸,node.js 的配置可自行百度他去,這里就不詳寫(xiě)了
-
在 gitee 上創(chuàng)建一個(gè)倉(cāng)庫(kù)來(lái)當(dāng)圖床
注冊(cè) gitee 賬號(hào)并創(chuàng)建一個(gè)倉(cāng)庫(kù)當(dāng)圖床
-
生成私人令牌
進(jìn)入設(shè)置
生成私人令牌,并復(fù)制令牌
(注:令牌只會(huì)顯示一次倒堕,如果不復(fù)制的話灾测,就只能重新修改令牌,步驟:修改 --> 重新生成令牌)
-
在 PicGo 上下載插件并配置圖床
-
下載插件
右邊的插件也可以垦巴,配置過(guò)程也差不多
(注:若沒(méi)有安裝 node.js 媳搪,則會(huì)安裝不了插件铭段。因?yàn)椴寮螺d需要使用到 node.js 的npm!)
- 配置圖床
我的圖片上傳的圖床網(wǎng)址如下
https://gitee.com/windows_xp_xp/picture_bed/tree/master/img
-
-
Typora 配置圖床服務(wù)器
偏好設(shè)置 --> 圖像 --> 配置圖床
-
測(cè)試
- 將圖片復(fù)制到Typora
- 上傳成功標(biāo)志