利用Typora+PicGo+OSS+Git+Github/碼雲搭建個人雲筆記

盜_訫發表於2021-05-23

搭建個人雲筆記

對於程式設計師來講,使用markdown可以幫助我們快速地寫作,書寫出排版好看,顏值高的筆記,使用markdown來書寫文件相比於使用word要簡單快捷的多

市面上有很多markdown的編輯客戶端,從各種使用體驗來看,推薦使用Typora,實時渲染讓我們寫的文件所見即所得。

Markdown編輯器

以下是幾款常見的實時渲染的markdown編輯器,看個人使用習慣自由選擇

Typora,MarkdownPad,Mou,Haroopad,Cmd Markdow

附上Typora的使用截圖:

Typora使用截圖

圖床客戶端PicGo

PicGo: 一個用於快速上傳圖片並獲取圖片 URL 連結的工具,這是PicGo官方對此應用的描述

附上PicGo的下載地址: https://github.com/Molunerfinn/PicGo/releases

PicGo相簿功能

PicGo僅僅是一個圖片上傳到物件儲存的客戶端,我們還需要一個儲存圖片的位置,PicGo支援的配置還是很多的

PicGo支援的圖床

這裡我使用阿里雲的OSS,一年9塊錢40G

也可以使用七牛圖床,七牛雲對免費使用者有10G的免費流量。

個人推薦使用OSS,收費不貴管理方便

此處忽略購買過程....

在PicGo配置OSS

建立一個Bucket用於儲存圖片

登入阿里雲oss控制檯-->Bucket列表-->建立Bucket

OSS建立Bucket

建立的一個Bucket有點類似於我們的一塊磁碟,我們可以在上面建立資料夾,上傳檔案。

我在新建立的Bucket上建立了markdown/images資料夾來用於做為我文章的配圖的圖床

建立存放圖片資料夾

對此檔案設定匿名可以訪問的許可權,方便圖片在任何地方無需認證只需要url就可以訪問到

授權

新增授權

授權步驟

獲取上傳到OSS的keyId和keySecret

前往建立RAM使用者

建立訪問OSS使用者

新建RAM使用者

新增oss使用者

填寫使用者資訊

儲存使用者獲取到 AccessKey IDAccessKey Secret 可以先儲存下來用於之後PicGo配置

獲取AccessKey ID和Accesskey Secre

配置PicGo的阿里雲OSS的KeyId和keySecret,將如上獲取到的 AccessKey IDAccessKey Secret分別填入此處。儲存路徑一定要寫剛剛我們設定可匿名訪問的路徑

PicGo配置OSS資訊

確定儲存區域這裡需要填寫我們oss的儲存區域ID,在建立Bucket的時候選區域是有顯示的,忘了也不要緊。在如下位置也可以獲取到這個id

獲取儲存區域ID

給我們新建立的使用者新增訪問OSS的許可權

新增許可權

新增OSS所有許可權

授予此賬號OSS管理許可權

自此我們在PicGo配置OSS的全部步驟就已經全部完成

可以在PicGo上傳圖片試試

測試PicGo上傳圖片到OSS

在OSS的控制檯上也可以看到我們圖片的具體資訊

OSS檢視上傳的圖片

複製檔案URL在瀏覽器開啟可以直接訪問到我們剛上傳的圖片,無需認證。如果此處出現訪問失敗,403等錯誤,請檢查是否按上面的配置匿名訪問配置了資料夾的匿名訪問許可權

直接訪問OSS的圖片

Typora整合PicGo

開啟Typora-->偏好設定-->影像

Typora整合PicGo

插入圖片時候選擇上傳圖片,上傳服務選擇PicGo(app),PicGo路徑選擇PicGo程式所在位置預設安裝位置在C:\Program Files\PicGo\PicGo.exe

按如上配置好點選驗證圖片上傳選項 會自動將Typora圖示上傳至OSS。驗證成功有如下提示

測試Typora使用PicGo上傳圖片

在OSS檔案管理處也可以檢視到驗證時上傳的圖示檔案

OSS檢視Typora測試上傳的圖片

使用Typora上傳圖片

在Typora上只需要按正常的複製貼上圖片就都會上傳至OSS,並且上傳完畢之後,圖片的URL會自動變成OSS上的圖片路徑

Typora上傳後地址變化

進階用法

文件同步

自此一個帶有圖床的筆記工具就打造完成,已經足夠個人使用了。如果有在多個電腦上共同編輯的需求,比如家裡的筆記文章,到了上班的電腦上也需要繼續編輯,達到同步的效果有以下解決方案

  1. 使用OneDrive的同步功能,只需要把Typora的編輯的檔案都放在OneDrive的同步資料夾下就好。

  2. 當前國內也有很多提供此服務的雲廠商比如百度網盤的資料夾同步,WPS的資料夾同步,堅果雲。使用堅果雲還可以很好地在手機上瀏覽所書寫的筆記文章

協同編輯

以下方案的使用需優先使用git,熟悉使用git的人,看完以下介紹自然能瞭解整套方案的便利之處

談到協同編輯,團隊開發就離不開git了

最終方案:Typora+PicGo+OSS+git+github/碼雲

這套方案可以實現文件同步,本版控制,版本回滾,協同編輯

將我們的筆記存放的資料夾使用git初始化為一個本地倉庫,再在github或者碼雲上建立一個遠端倉庫。

將本地倉庫push到遠端倉庫,作為雲端儲存。這樣可多個人pull這個倉庫,實現多人編輯。

依賴git的版本控制能力,還使得我們對文件的版本有歷史回滾的能力。

即可實現在碼雲上或者github上直接瀏覽線上圖片,碼雲上線上檢視如下

碼雲線上查文件

如果線上訪問圖片出現403等報錯檢查是否設定了防盜鏈和不允許空Reference

相關文章