Typora+圖床詳解(小白都能學得會)
Typora+圖床詳解(小白都能學得會)
1 瞭解工作
部落格中用的筆記軟體——Typora(Markdown語法)
部落格中用的圖床——阿里雲物件儲存(Object Storage Service,簡稱OSS)
圖床平臺介紹
七牛雲
七牛雲, 很多大佬也是推薦,註冊認證後有10G永久免費空間,每月10G國內和10G國外流量,速度相當快,外掛支援比較多,有免費ssl證書,但https流量收費。
注意:七牛雲30天后會回收測試域名,因此你必須要繫結自己的已經備案的域名.
網易雲
網易雲 NOS 物件儲存從三個維度進行計量收費:儲存容量、流量、介面呼叫次數。儲存容量0-50 GB是免費,下載流量在0-20 GB免費,每月前 10 萬次 Put 請求免費,每月前 100 萬次 Get 請求免費。
騰訊雲
騰訊雲COS物件儲存服務,共50G免費儲存空間,每月10G免費下載流量,時長6個月。
阿里雲
阿里雲OOS 不免費,但是個人用,費用不是特別貴。
一般寫個部落格動態費錢的就是流量和請求部分。這可以說是喜悅中帶著淡淡悲傷,有很多人看你的部落格,你會很有成就感,但隨之而來還有你需要承擔的訪問費用。流量也有包月套餐,不過我這個部落格也沒有那麼多的訪問量,也就沒有購買,用的預設的按量計費。
3030
我估計等我敲不動程式碼了,阿里雲也還活得好好的。所以圖片安全問題根本不用考慮。唯一有點難受的地方就是要花點錢。
8010
2 準備工作
-
確保typora的版本在0.9.86及以上
-
確保下載了PicGo Core (command line)
- 選擇【檔案】➡【偏好設定】,然後根據圖示進行操作
Snipaste_2020-12-13_22-16-21
Snipaste_2020-12-13_22-17-30
下載 PicGo Core (command line),過程真的很慢(能夠富強上網則會快很多)
- 確保下載了PicGo (app)
3 註冊並配置阿里雲
- 訪問並註冊賬號
-
下面就假設你已經完成註冊並繫結實名身份
-
登入阿里雲賬號,進入物件儲存OSS服務頁面,直接點選折扣套餐。
Snipaste_2020-12-13_22-55-19
- 在折扣套餐介面購買一個儲存資源包。
Snipaste_2020-12-13_22-56-26
- 建立Bucket,根據圖示進行操作
Snipaste_2020-12-13_23-52-48
- 選擇【概覽】➡【建立Bucket】
Snipaste_2020-12-13_23-55-22
- 建立一個Bucket,填寫名稱並選擇公共讀。
Snipaste_2020-12-13_23-11-23
Snipaste_2020-12-13_23-12-36
0480
4 配置兩種PigGo
第一種:PicGo Core (command line) 【較方便,推薦使用】
第二種:PicGo (app) 【需要另外下載軟體】
4.1 PicGo Core (command line)配置
- 桌面上新建一個txt文字,並複製下面內容到裡面。
css
{
"picBed": {
"uploader": "aliyun",
"aliyun": {
"accessKeyId": "",
"accessKeySecret": "",
"bucket": "", // 儲存空間名
"area": "", // 儲存區域代號
"path": "img/", // 自定義儲存路徑
"customUrl": "", // 自定義域名,注意要加 http://或者 https://
"options": "" // 針對圖片的一些字尾處理引數 PicGo 2.2.0+ PicGo-Core 1.4.0+
}
},
"picgoPlugins": {}
}
上面資訊都是要通過阿里雲賬號獲取的
- 首先我們來獲取accessKeyId和accessKeySecret
Snipaste_2020-12-14_13-10-03
Snipaste_2020-12-14_13-10-50
- accessKeyId和accessKeySecret填入到文字的對應位置
Snipaste_2020-12-14_13-12-44
- 回到之前的oss物件儲存
Snipaste_2020-12-14_13-40-18
- 點選概覽,將方框中的值填入到文字的對應位置
Snipaste_2020-12-14_13-30-10
- 這裡我提供一份完整修改後的作為參考。
Snipaste_2020-12-14_17-23-54
- 回到typora,依次 【檔案】 ➡ 【偏好設定】 ➡【影像】,選擇開啟配置檔案。
Snipaste_2020-12-14_17-29-14
- 將之前的txt文字的裡面的資訊,複製貼上到配置裡,並ctrl+s進行儲存。
0000
4.2 測試
- 點選【驗證圖片上傳選項】測試,是否將圖片成功上傳。如果OK沒問題,那就可以開啟愉快地寫作之旅了。
Snipaste_2020-12-14_17-33-00
image-20200615172046251
- 如果你看到是下面這樣的頁面,此時不要慌
Snipaste_2020-12-14_18-09-04
我們可以先嚐試拿一張圖片進行測試,發現已經能夠正常使用了
{33D1DD42-9965-40B2-9414-30BB4BCA4E07}
上傳成功後,連結會自動轉換為阿里雲OSS的URL
Snipaste_2020-12-14_20-13-12
0480
4.3 PicGo (app)配置
我認為PicGo (app) 的好處在於獨立。在沒有使用Typora的時候,我們也可以使用它單獨上傳圖片。
開啟軟體進行配置,這些配置基本就和PicGo Core類似。
Snipaste_2020-12-14_22-22-17
任意選擇一個圖片進行上傳
Snipaste_2020-12-14_22-22-53
上傳後在【相簿】中進行管理
Snipaste_2020-12-14_22-24-56
0000
5 解決疑惑問題
5.1 版本控制功能有必要開通嗎
Snipaste_2020-12-14_21-59-16
什麼是OSS物件儲存的版本控制功能?
OSS版本控制功能,將OSS資料的覆蓋和刪除操作以歷史版本的形式儲存下來,防止因誤刪除或誤覆蓋導致的資料丟失。該功能本身不額外收費,只對產生的歷史版本資料收取相應的儲存容量費用以及相應操作產生的請求、流量等費用。
可以參考文件說明:版本控制介紹,官方文件中有詳細說明。
版本控制功能收費嗎?如何收費?
阿里雲OSS版本控制功能,本身功能是不收費的。只是開通版本控制功能後,會產生相應的歷史資料版本,而歷史資料版本是佔用儲存空間的,所以,版本控制功能只對產生的歷史版本資料收取相應的儲存容量費用以及相應操作產生的請求、流量等費用。
費用說明可以參考官方文件的OSS收費標準:OSS計費方式詳解 - 阿里雲
OSS有必要開通版本控制功能嗎?
版本控制是用來防止使用者誤操作導致資料丟失的,建議使用者根據實際情況選擇,如果資料比較重要建議開通。
注意:未開啟版本控制功能,資料刪除或被覆蓋後將無法找回。
5.2 圖片上傳如何自動新增水印
關於如何加水印,官方文件比我說的清楚多了,也不難理解(比計費好理解),道友們移步圖片水印
0461
6 小結一下
我寫作的流程:
第一種:
- 先在typora中寫好markdown文章
- 可能有些圖片已經上傳,有些沒有上傳,沒有關係,最後我會點選【格式】➡【影像】 ➡【上傳所有本地圖片】
- 偏好設定如下圖
萬萬小心: 圖片名稱一定不要相同,它會進行覆蓋
Snipaste_2020-12-14_22-59-41
第二種:
- 先在typora中寫好markdown文章
- 對於圖片我建議先儲存在電腦中,然後一個一個地進行插入,它會自動自傳
- 偏好設定如下圖
萬萬小心: 圖片名稱一定不要相同,它會進行覆蓋
20201215160411111
0400
2050
無論你從事什麼行業,只要做好兩件事就夠了:一個是你的專業、一個是你的人品。專業決定了你的存在,人品決定了你的人脈;剩下的就是堅持 !
開啟手錶後蓋的妙招
淺談新手如何進行名錶鑑定
女人戴手錶有什麼講究
相關文章
- 小白都能學會的Java註解與反射機制Java反射
- winscp教程,winscp教程,小白都能學會的3個步驟
- 【小白學AI】GBDT梯度提升詳解AI梯度
- vue計算屬性詳解——小白速會Vue
- 軟體開發流程圖,人人都能學會的流程圖畫法流程圖
- vue class與style 繫結詳解——小白速會Vue
- 搭建分散式事務元件 seata 的Server 端和Client 端詳解(小白都能看懂)分散式元件Serverclient
- sqli-labs-less-4圖文詳解,適合小白SQL
- 【小白學PyTorch】10 pytorch常見運算詳解PyTorch
- 【小白學PyTorch】13 EfficientNet詳解及PyTorch實現PyTorch
- 【小白學PyTorch】12 SENet詳解及PyTorch實現PyTorchSENet
- 圖床圖床
- 【簡易圖解】『 OAuth2.0』 猴子都能懂的圖解圖解OAuth
- 圖解機器學習:人人都能懂的演算法原理圖解機器學習演算法
- 【小白學AI】XGBoost推導詳解與牛頓法AI
- 【小白學AI】XGBoost 推導詳解與牛頓法AI
- 閱讀原始碼很重要,以logback為例,分享一個小白都能學會的讀原始碼方法原始碼
- 圖床PicGo圖床PicGo
- 圖床搭建圖床
- socket基礎詳解 小白白
- 初學者都能學會的ElasticSearch入門實戰Elasticsearch
- 圖解機器學習 | LightGBM模型詳解圖解機器學習模型
- 【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床PicGoGitee圖床
- 【小白學PyTorch】21 Keras的API詳解(下)池化、Normalization層PyTorchKerasAPIORM
- 【轉】小白都能看明白的VLAN原理解釋
- 圖床神器PicGo圖床PicGo
- 我的圖床圖床
- PicGo:搭建圖床PicGo圖床
- 小白都能懂的設計模式 java版 橋接模式具體實現(超詳細)設計模式Java橋接
- PicGo+jsDelivr+GitHub搭建免費圖床,Typora使用圖床PicGoJSVRGithub圖床
- 【人人都能學得會的NLP - 文字分類篇 03】長文字多標籤分類分類如何做?文字分類
- 【人人都能學得會的NLP - 文字分類篇 04】層次化多標籤文字分類如何做?文字分類
- 小白都能看懂的tcp三次握手TCP
- 圖解機器學習 | 決策樹模型詳解圖解機器學習模型
- iPic - MAC圖床神器Mac圖床
- Blog的圖床搭建圖床
- 搭建微博圖床圖床
- typora 圖床配置方法圖床