Typora 圖片上傳
本文借鑒源于：https://zhuanlan.zhihu.com/p/137426939
感謝博主分享
引：
不知道你們平時(shí)都在哪里做筆記，本人都是在CSDN Java慈祥
說(shuō)句實(shí)話(huà)，CSDN雖然最近風(fēng)評(píng)很差，抄襲嚴(yán)重！但本人覺(jué)得作為一共記筆記的blog網(wǎng)站還是很好的...
對(duì)于抄襲本人沒(méi)啥好說(shuō)的，本人也經(jīng)常借鑒大佬的blog, 然后總結(jié)為自己的blog...
當(dāng)然知道不少很好，所以都會(huì)貼上原鏈接..表示尊重！后面想要搭建自己的個(gè)人blog, 也可以發(fā)一些除了Java以外的其它文章 還請(qǐng)大家多多關(guān)注一起學(xué)習(xí)呀! 本人域名：
wangsiming.xyz
對(duì)于寫(xiě)blog的人，一定都會(huì)遇到一共問(wèn)題: 對(duì)于文檔中的圖片/資源都怎么存放, 本人一般會(huì)發(fā)在Gitee 圖片就直接存在 CSDN 挺方便的！
隨著時(shí)間推移，后面也擔(dān)心突然會(huì)丟失，所以后面開(kāi)始嘗試本地寫(xiě)blog然后存在CSDN中，遇見(jiàn)的Typora
挺好用的，網(wǎng)頁(yè)中的文字有時(shí)候copy 可以直接帶樣式粘貼！但對(duì)于圖片就很頭疼： 會(huì)在本地存儲(chǔ)，直接copy
markdown會(huì)存在問(wèn)題！copy 的文檔因?yàn)閳D片地址是本地的后面還要更改！太煩了..
于是直接使用 Typora上傳圖片！
介紹：
說(shuō)干就干，在網(wǎng)上找了一整子操作：
- 本人使用的環(huán)境：Typora + 阿里云OSS 存儲(chǔ)
Typroa 支持綁定圖床工具配置, 當(dāng)然也可以設(shè)置在本地... 支持的圖床工具有： 阿里云OSS 七牛云 github smms 巴拉巴拉
七牛云 免費(fèi)但需要綁定域名~
github smms 免費(fèi)，但是網(wǎng)絡(luò)太慢~ ...
阿里云圖床 要錢(qián)不過(guò)不貴~10塊錢(qián)支付的起！
好處是安全，方便管理，可以隨時(shí)看到你的圖片資源，還可以存儲(chǔ)其它類(lèi)型的文件信息方便管理圖床介紹
實(shí)現(xiàn)：
購(gòu)買(mǎi)阿里云OSS
阿里云官方 登錄/注冊(cè)就不介紹了！
阿里云的OSS 不僅僅當(dāng)作圖床使用，很多的小公司也使用他來(lái)做：
圖片存儲(chǔ)水印制作...阿里云也針對(duì)起做了對(duì)于的
sdk各個(gè)語(yǔ)言的操作Demo~
產(chǎn)品——存儲(chǔ)——對(duì)象存儲(chǔ)OSS 購(gòu)買(mǎi)開(kāi)通服務(wù)
創(chuàng)建bucket
點(diǎn)擊 概述選項(xiàng)
右邊按鈕 創(chuàng)建Bucket(桶) ：Bucket可以理解為是存儲(chǔ)空間。存儲(chǔ)空間是您用于存儲(chǔ)對(duì)象(Object)的容器所有的對(duì)象都必須隸屬于某個(gè)存儲(chǔ)空間
您可以設(shè)置和修改存儲(chǔ)空間屬性用來(lái)控制地域、訪(fǎng)問(wèn)權(quán)限、生命周期等，這些屬性設(shè)置直接作用于該存儲(chǔ)空間內(nèi)所有對(duì)象
-
因此您可以通過(guò)靈活創(chuàng)建不同的存儲(chǔ)空間來(lái)完成不同的管理功能
每個(gè)用戶(hù)可以擁有多個(gè)存儲(chǔ)空間
同一個(gè)存儲(chǔ)空間的內(nèi)部是扁平的，沒(méi)有文件系統(tǒng)的目錄等概念，所有的對(duì)象都直接隸屬于其對(duì)應(yīng)的存儲(chǔ)空間
存儲(chǔ)空間內(nèi)部的對(duì)象數(shù)目沒(méi)有限制，存儲(chǔ)空間的名稱(chēng)在 OSS 范圍內(nèi)必須是全局唯一的，一旦創(chuàng)建之后無(wú)法修改名稱(chēng)
-
命名規(guī)范
只能包括小寫(xiě)字母、數(shù)字和短橫線(xiàn)(-)、必須以小寫(xiě)字母或者數(shù)字開(kāi)頭和結(jié)尾、長(zhǎng)度必須在3-63字節(jié)之間
- 設(shè)置公共讀，不然別人訪(fǎng)問(wèn)不到！
ok, 購(gòu)買(mǎi)完畢之后就是配置 Typroa了
配置Typroa
-
確保typroa版本在0.9.86
幫助——關(guān)于
image-20211107202532805 -
設(shè)置圖床配置：文件——偏好設(shè)置——圖像：
image-20211107202822673插入圖片時(shí)：
復(fù)制圖片到 ./${} ...assets文件夾
本人是這么設(shè)置，每次插入圖片會(huì)創(chuàng)建一共文件夾存在本地~當(dāng)然你可以根據(jù)需求選擇：
上傳圖片插入圖片及上傳
上傳服務(wù)器設(shè)定：
無(wú)
Pic-Go-Core(command line)
Typroa內(nèi)置了PicGo 工具只需要編寫(xiě)配置文件即可！PicGo(app)?。ustom Command 應(yīng)該是下載一種app應(yīng)用，通過(guò)該應(yīng)用進(jìn)行
圖片上傳并返回圖片的訪(fǎng)問(wèn)鏈接~圖床
編輯配置文件：
打開(kāi)配置文件
- 復(fù)制下面的信息，修改正確的配置文件
<pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="json" cid="n99" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px 0px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> {
"picBed": {
"uploader": "aliyun",
"aliyun": {
"accessKeyId": "",
"accessKeySecret": "",
"bucket": "", // 存儲(chǔ)空間名
"area": "", // 存儲(chǔ)區(qū)域代號(hào)
"path": "img/", // 自定義存儲(chǔ)路徑: 隨便填即可,可以理解是文件夾目錄.沒(méi)寫(xiě)一篇md 可以更改圖片存放的文件目錄！
"customUrl": "", // 自定義域名，注意要加 http://或者 https://
"options": "" // 針對(duì)圖片的一些后綴處理參數(shù) PicGo 2.2.0+ PicGo-Core 1.4.0+
}
},
"picgoPlugins": {}
}</pre>
獲?。?accessKeyId和accessKeySecret bucket...
測(cè)試：
ok, 上傳完畢！
或手動(dòng)上傳！
返回圖片 網(wǎng)絡(luò)地址：
<img src="https://wsm540.oss-cn-beijing.aliyuncs.com/工具/Typoraimage-20211107205748815.png" alt="image-20211107205748815" style="zoom:80%;" />
