Typora+圖牀詳解(小白都能學得會)

1 瞭解工做

博客中用的筆記軟件——Typora(Markdown語法)css

博客中用的圖牀——阿里雲對象存儲(Object Storage Service,簡稱OSS)html

圖牀平臺介紹linux

七牛雲git

七牛雲, 不少大佬也是推薦,註冊認證後有10G永久免費空間,每個月10G國內和10G國外流量,速度至關快,插件支持比較多,有免費ssl證書,但https流量收費。github

注意:七牛雲30天后會回收測試域名,所以你必需要綁定本身的已經備案的域名.面試

網易雲windows

網易雲 NOS 對象存儲從三個維度進行計量收費:存儲容量、流量、接口調用次數。存儲容量0-50 GB是免費,下載流量在0-20 GB免費,每個月前 10 萬次 Put 請求免費,每個月前 100 萬次 Get 請求免費。設計模式

騰訊雲安全

騰訊雲COS對象存儲服務,共50G免費存儲空間,每個月10G免費下載流量,時長6個月。markdown

阿里雲

阿里雲OSS 難免費,可是我的用,費用不是特別貴。


通常寫個博客動態費錢的就是流量和請求部分。這能夠說是喜悅中帶着淡淡悲傷,有不少人看你的博客,你會頗有成就感,但隨之而來還有你須要承擔的訪問費用。流量也有包月套餐,不過我這個博客也沒有那麼多的訪問量,也就沒有購買,用的默認的按量計費。


阿里雲做爲圖牀,保證是全中國最穩的圖牀工具人了。img

我估計等我敲不動代碼了,阿里雲也還活得好好的。因此圖片安全問題根本不用考慮。惟一有點難受的地方就是要花點錢。

可是很便宜,半年才4.98元,還要啥自行車。img


2 準備工做

  1. 確保typora的版本在0.9.86及以上

    • 打開typora,選擇【幫助】➡【檢測更新】先升級一下版本

    • 官網下載 (下載速度較慢)

      winx64 winx86
      mac linux
    • 騰訊下載點我,你們選擇普通下載就能夠了速度挺快的

    • 我也給你們準備了不限速雲盤,點擊下方下載

      winx64 winx86
      mac linux
  2. 確保下載了PicGo Core (command line)

    • 選擇【文件】➡【偏好設置】,而後根據圖示進行操做

img

img

下載 PicGo Core (command line),過程真的很慢img(可以富強上網則會快不少)

  1. 確保下載了PicGo (app)

3 註冊並配置阿里雲

  1. 訪問並註冊帳號

點我進行註冊,這裏我就不放圖了,加油,你能夠的!

  1. 下面就假設你已經完成註冊並綁定實名身份
  2. 登陸阿里雲帳號,進入對象存儲OSS服務頁面,直接點擊折扣套餐。

img

  1. 在折扣套餐界面購買一個存儲資源包。

img

  1. 建立Bucket,根據圖示進行操做

img

  1. 選擇【概覽】➡【建立Bucket】

img

  1. 建立一個Bucket,填寫名稱並選擇公共讀。

img

img

註冊至此終止img


4 配置兩種PigGo

第一種:PicGo Core (command line) 【較方便,推薦使用

第二種:PicGo (app) 【須要另外下載軟件


4.1 PicGo Core (command line)配置

  1. 桌面上新建一個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": {}
}

上面信息都是要經過阿里雲帳號獲取的

  1. 首先咱們來獲取accessKeyIdaccessKeySecret

img

img

  1. accessKeyIdaccessKeySecret填入到文本的對應位置

img

  1. 回到以前的oss對象存儲

img

  1. 點擊概覽,將方框中的值填入到文本的對應位置

img

  1. 這裏我提供一份完整修改後的做爲參考。

img

  1. 回到typora,依次 【文件】 ➡ 【偏好設置】 ➡【圖像】,選擇打開配置文件。

img

  1. 將以前的txt文本的裏面的信息,複製粘貼到配置裏,並ctrl+s進行保存

配置至此終止img


4.2 測試

  1. 點擊【驗證圖片上傳選項】測試,是否將圖片成功上傳。若是OK沒問題,那就能夠開啓愉快地寫做之旅了。

img

  1. 若是你看到下面這樣的頁面,congratulation!!!你成功了。

img

  1. 若是你看到是下面這樣的頁面,此時不要慌

img

咱們能夠先嚐試拿一張圖片進行測試,發現已經可以正常使用了

img

上傳成功後,連接會自動轉換爲阿里雲OSS的URL

img

測試至此完畢img


4.3 PicGo (app)配置

我認爲PicGo (app) 的好處在於獨立。在沒有使用Typora的時候,咱們也可使用它單獨上傳圖片。

打開軟件進行配置,這些配置基本就和PicGo Core相似。

img

任意選擇一個圖片進行上傳

img

上傳後在【相冊】中進行管理

img

配置至此終止img


5 解決疑惑問題

5.1 版本控制功能有必要開通嗎

img

什麼是OSS對象存儲的版本控制功能?

OSS版本控制功能,將OSS數據的覆蓋和刪除操做以歷史版本的形式保存下來,防止因誤刪除或誤覆蓋致使的數據丟失。該功能自己不額外收費,只對產生的歷史版本數據收取相應的存儲容量費用以及相應操做產生的請求、流量等費用。

能夠參考文檔說明:版本控制介紹,官方文檔中有詳細說明。

版本控制功能收費嗎?如何收費?

阿里雲OSS版本控制功能,自己功能是不收費的。只是開通版本控制功能後,會產生相應的歷史數據版本,而歷史數據版本是佔用存儲空間的,因此,版本控制功能只對產生的歷史版本數據收取相應的存儲容量費用以及相應操做產生的請求、流量等費用。

費用說明能夠參考官方文檔的OSS收費標準:OSS計費方式詳解 - 阿里雲

OSS有必要開通版本控制功能嗎?

版本控制是用來防止用戶誤操做致使數據丟失的,建議用戶根據實際狀況選擇,若是數據比較重要建議開通。

注意:未開啓版本控制功能,數據刪除或被覆蓋後將沒法找回。


5.2 圖片上傳如何自動添加水印

關於如何加水印,官方文檔比我說的清楚多了,也不難理解(比計費好理解),道友們移步圖片水印img


6 小結一下

我寫做的流程:

第一種:

  1. 先在typora中寫好markdown文章
  2. 可能有些圖片已經上傳,有些沒有上傳,沒有關係,最後我會點擊【格式】➡【圖像】 ➡【上傳全部本地圖片】
  3. 偏好設置以下圖

萬萬當心: 圖片名稱必定不要相同,它會進行覆蓋

img

第二種:

  1. 先在typora中寫好markdown文章
  2. 對於圖片我建議先保存在電腦中,而後一個一個地進行插入,它會自動自傳
  3. 偏好設置以下圖

萬萬當心: 圖片名稱必定不要相同,它會進行覆蓋

img

踩坑記錄:

  1. 不能上傳文件名有重複的圖片
  2. 流量越多,費用越多

Typora+PicGo+阿里雲搭建圖牀終於講完了。img

若是有一天你們看不見圖了,那說明我已經支付不起這費用了img

不管你從事什麼行業,只要作好兩件事就夠了:一個是你的專業、一個是你的人品。專業決定了你的存在,人品決定了你的人脈;剩下的就是堅持 !

做者:小帥同窗

出處:http://www.cnblogs.com/keitsi/

歡迎關注公衆號 【碼農開花】一塊兒學習成長 我會一直分享Java乾貨,也會分享免費的學習資料課程和麪試寶典 回覆:【計算機】【設計模式】【面試】有驚喜哦

相關文章
相關標籤/搜索