教你使用Typora?+?阿里云OSS?+?PicGo?搭建私人圖床(最新)
使用Typora + 阿里云OSS + PicGo 打造自己的圖床
為什么要打造圖床?
讓筆記遠(yuǎn)走高飛
試問(wèn)以下場(chǎng)景:
- 我們要把 markdown 筆記放到某博客上,直接進(jìn)行復(fù)制即可。但因你的圖片存儲(chǔ)在本地,博客上的圖片因無(wú)法找到本地路徑而無(wú)法顯示,因此需要到本地找到圖片一個(gè)個(gè)上傳
- 我們要把 markdown 筆記共享給朋友,你需要同時(shí)把圖片一并發(fā)送
是否很麻煩?
這時(shí)我們可以使用阿里云OSS + PicGo 打造自己的圖床讓上面的兩個(gè)場(chǎng)景爽到飛起:
- 直接復(fù)制 markdown 筆記放入博客即可
- 把筆記共享給朋友只需要發(fā)送一份 markdown 文件即可
購(gòu)買阿里云OSS
我這里使用的是阿里云對(duì)象存儲(chǔ)OSS,你可以使用騰訊、七牛云對(duì)象存儲(chǔ)等皆可
對(duì)象存儲(chǔ)OSS_云存儲(chǔ)服務(wù)_企業(yè)數(shù)據(jù)管理_存儲(chǔ)-阿里云 (aliyun.com)
購(gòu)買阿里云OSS

- 點(diǎn)擊產(chǎn)品價(jià)格可見具體定價(jià)
- 點(diǎn)擊折扣套餐購(gòu)買
進(jìn)入控制臺(tái)創(chuàng)建 Bucket

Bucket 參數(shù)設(shè)置
- Bucket 名稱:自定義
- 地域:一般國(guó)內(nèi)任意地域皆可
- 存儲(chǔ)類型:標(biāo)準(zhǔn)存儲(chǔ)
- 讀寫權(quán)限:公共讀
其他默認(rèn)即可,或根據(jù)自己需求設(shè)置
創(chuàng)建AccessKey
鼠標(biāo)移動(dòng)至頭像,點(diǎn)擊 AccessKey 管理即可進(jìn)入管理界面

創(chuàng)建AceessKey記得要保存下來(lái)
使用PicGo
下載地址:Releases · Molunerfinn/PicGo (github.com)
下載后安裝打開Picgo
根據(jù)自己使用的圖床設(shè)置,我這里使用的是阿里云OSS

查看Server端口是否為36677(編輯器端口)

圖床設(shè)置

- 設(shè)置KeyID、KeySecret:即之前保存的 AccessKey 于 AccessKeySecret
- 設(shè)置存儲(chǔ)空間名:即之前創(chuàng)建 Bucket 的名字
- 確認(rèn)存儲(chǔ)區(qū)域:見下
進(jìn)入到你的 Bucket 列表點(diǎn)擊 Bucket 的名字進(jìn)入到概覽

如下圖所示的地址就是存儲(chǔ)區(qū)域要填寫的內(nèi)容
注意:要去除后面的 .aliyuncs.com

拖動(dòng)圖片測(cè)試是否能上傳成功

成功提示

Typora設(shè)置進(jìn)入Typora偏好設(shè)置 -> 圖像

設(shè)置完畢后點(diǎn)擊驗(yàn)證圖片上傳選項(xiàng),檢查是否能上傳
到此這篇關(guān)于教你使用Typora + 阿里云OSS + PicGo 搭建私人圖床的文章就介紹到這了,更多相關(guān)Typora 阿里云OSS PicGo圖床內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Git建立本地倉(cāng)庫(kù)并上傳到Gitee的詳細(xì)步驟
這篇文章主要介紹了Git建立本地倉(cāng)庫(kù)并上傳到Gitee,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-08-08
idea對(duì)CPU的占用率過(guò)大問(wèn)題的解決方法
本文主要介紹了idea對(duì)CPU的占用率過(guò)大問(wèn)題的解決方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
解決VS2017不能打開stdio.h等文件的問(wèn)題
下面小編就為大家?guī)?lái)一篇解決VS2017不能打開stdio.h等文件的問(wèn)題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
HTML5 移動(dòng)頁(yè)面自適應(yīng)手機(jī)屏幕寬度詳解
這篇文章主要介紹了HTML5 移動(dòng)頁(yè)面自適應(yīng)手機(jī)屏幕寬度的相關(guān)資料,需要的朋友可以參考下2016-09-09
VSCode連接遠(yuǎn)程服務(wù)器調(diào)試代碼超詳細(xì)流程(圖文)
這篇文章主要給大家介紹了關(guān)于VSCode連接遠(yuǎn)程服務(wù)器調(diào)試代碼的超詳細(xì)流程,遠(yuǎn)程調(diào)試是為了解決在本機(jī)開發(fā)環(huán)境與線上不一致導(dǎo)致調(diào)試難、搭建繁瑣,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
不同系統(tǒng)打開JSON文件的6種方法(總有一種適合你)
JSON文件本質(zhì)上是一個(gè)文本文件,可以使用任何文本編輯器打開,本文推薦使用專門的代碼編輯器,這篇文章主要給大家介紹了關(guān)于不同系統(tǒng)打開JSON文件的6種方法,需要的朋友可以參考下2024-02-02

