搭建個人雲筆記
對於程式設計師來講,使用markdown可以幫助我們快速地寫作,書寫出排版好看,顏值高的筆記,使用markdown來書寫文件相比於使用word要簡單快捷的多
市面上有很多markdown的編輯客戶端,從各種使用體驗來看,推薦使用Typora
,實時渲染讓我們寫的文件所見即所得。
Markdown編輯器
以下是幾款常見的實時渲染的markdown編輯器,看個人使用習慣自由選擇
Typora,MarkdownPad,Mou,Haroopad,Cmd Markdow
附上Typora的使用截圖:
圖床客戶端PicGo
PicGo: 一個用於快速上傳圖片並獲取圖片 URL 連結的工具,這是PicGo官方對此應用的描述
附上PicGo的下載地址: https://github.com/Molunerfinn/PicGo/releases
PicGo僅僅是一個圖片上傳到物件儲存的客戶端,我們還需要一個儲存圖片的位置,PicGo支援的配置還是很多的
這裡我使用阿里雲的OSS,一年9塊錢40G
也可以使用七牛圖床,七牛雲對免費使用者有10G的免費流量。
個人推薦使用OSS,收費不貴管理方便
此處忽略購買過程....
在PicGo配置OSS
建立一個Bucket用於儲存圖片
登入阿里雲oss控制檯-->Bucket列表-->建立Bucket
建立的一個Bucket有點類似於我們的一塊磁碟,我們可以在上面建立資料夾,上傳檔案。
我在新建立的Bucket上建立了markdown/images資料夾來用於做為我文章的配圖的圖床
對此檔案設定匿名可以訪問的許可權,方便圖片在任何地方無需認證只需要url就可以訪問到
新增授權
獲取上傳到OSS的keyId和keySecret
建立訪問OSS使用者
新增oss使用者
儲存使用者獲取到 AccessKey ID
和 AccessKey Secret
可以先儲存下來用於之後PicGo配置
配置PicGo的阿里雲OSS的KeyId和keySecret,將如上獲取到的 AccessKey ID
和 AccessKey Secret
分別填入此處。儲存路徑一定要寫剛剛我們設定可匿名訪問的路徑
確定儲存區域這裡需要填寫我們oss的儲存區域ID,在建立Bucket的時候選區域是有顯示的,忘了也不要緊。在如下位置也可以獲取到這個id
給我們新建立的使用者新增訪問OSS的許可權
新增OSS所有許可權
自此我們在PicGo配置OSS的全部步驟就已經全部完成
可以在PicGo上傳圖片試試
在OSS的控制檯上也可以看到我們圖片的具體資訊
複製檔案URL在瀏覽器開啟可以直接訪問到我們剛上傳的圖片,無需認證。如果此處出現訪問失敗,403等錯誤,請檢查是否按上面的配置匿名訪問配置了資料夾的匿名訪問許可權
Typora整合PicGo
開啟Typora-->偏好設定-->影像
插入圖片時候選擇上傳圖片,上傳服務選擇PicGo(app),PicGo路徑選擇PicGo程式所在位置預設安裝位置在C:\Program Files\PicGo\PicGo.exe
按如上配置好點選驗證圖片上傳選項
會自動將Typora圖示上傳至OSS。驗證成功有如下提示
在OSS檔案管理處也可以檢視到驗證時上傳的圖示檔案
使用Typora上傳圖片
在Typora上只需要按正常的複製貼上圖片就都會上傳至OSS,並且上傳完畢之後,圖片的URL會自動變成OSS上的圖片路徑
進階用法
文件同步
自此一個帶有圖床的筆記工具就打造完成,已經足夠個人使用了。如果有在多個電腦上共同編輯的需求,比如家裡的筆記文章,到了上班的電腦上也需要繼續編輯,達到同步的效果有以下解決方案
-
使用OneDrive的同步功能,只需要把Typora的編輯的檔案都放在OneDrive的同步資料夾下就好。
-
當前國內也有很多提供此服務的雲廠商比如百度網盤的資料夾同步,WPS的資料夾同步,堅果雲。使用堅果雲還可以很好地在手機上瀏覽所書寫的筆記文章
協同編輯
以下方案的使用需優先使用git,熟悉使用git的人,看完以下介紹自然能瞭解整套方案的便利之處
談到協同編輯,團隊開發就離不開git了
最終方案:Typora+PicGo+OSS+git+github/碼雲
這套方案可以實現文件同步,本版控制,版本回滾,協同編輯
將我們的筆記存放的資料夾使用git初始化為一個本地倉庫,再在github或者碼雲上建立一個遠端倉庫。
將本地倉庫push到遠端倉庫,作為雲端儲存。這樣可多個人pull這個倉庫,實現多人編輯。
依賴git的版本控制能力,還使得我們對文件的版本有歷史回滾的能力。
即可實現在碼雲上或者github上直接瀏覽線上圖片,碼雲上線上檢視如下
如果線上訪問圖片出現403等報錯檢查是否設定了防盜鏈和不允許空Reference