天天看點

Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

Typora+PicGo+Gitee搭建部落格寫作環境

在學習的過程中,很多同學都有記筆記的習慣,記筆記的工具有很多,大概有以下幾種:

  • Word
  • oneNote
  • 印象筆記
  • 語雀
  • Markdown
  • .......

總之,記筆記的軟體五花八門,而

程式員

作為特殊的群體,他們熱衷于

鑽研技術

分享技術

,是以免不了寫文章釋出在各類部落格平台。為了同非專業人士區分開來,程式員通常采用

Markdown

寫作,撰寫好的文章的會釋出在多個部落格平台,是以免不了圖檔複用。

本文以

圖檔複用

為出發點,詳細闡述了如何使用Typora+PicGo+Gitee搭建我們的部落格寫作環境。

  • Typora:它是一款輕便簡潔的Markdown編輯器,支援即時渲染技術,即所寫立刻所見,少了排版的時間,專注于文章内容的編輯。
  • PicGo:它是一個用于快速上傳圖檔并擷取圖檔 URL 連結的工具,支援多種圖庫。
  • Gitee:目前中國最大的代碼托管的工具,除了代碼,還可以用作圖檔存儲。

本文共分為三部分,Typora和PicGo軟體的安裝、PicGo+Gitee圖床環境的搭建和Typora接入圖床。

1、Typora和PicGo

1.1 Typora

  • Typora介紹

Typora 是一款支援實時預覽的 Markdown 文本編輯器。它有 OS X、Windows、Linux 三個平台的版本,并且由于仍在測試中,是完全免費的。

它首先是一個 Markdown 文本編輯器,它支援 Markdown 文法的文本編輯。在 Typora 官網上他們将 Typora 描述為 「A truly minimal markdown editor. 」

  • 系統

本文使用的系統環境是

windows10

  • 下載下傳
官網下載下傳位址:https://www.typora.io/#windows
Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

根據自己的需要選擇性的下載下傳即可。

安裝步驟比較簡單,一直點選

next

即可。

1.2 PicGo

所謂圖床工具,就是自動把

本地圖檔轉換成連結

的一款工具,網絡上有很多圖床工具,就目前使用種類而言,PicGo 算得上一款比較優秀的圖床工具。它是一款用

Electron-vue

開發的軟體,可以支援微網誌,七牛雲,騰訊雲COS,GitHub,阿裡雲OSS,SM.MS,imgur 等7種常用圖床,功能強大,簡單易用。

  • 下載下傳
下載下傳位址:https://github.com/Molunerfinn/PicGo/releases

NOTE:mac系統選擇dmg下載下傳,windows選擇.exe下載下傳。

Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

image-20210804214907164

安裝過程很簡單,一直next即可。

2、PicGo+Gitee圖床環境的搭建

2.1 建立倉庫

在自己的Gitee上建立一個倉庫,倉庫必須是公開(開源)的。

2.2 設定私人令牌

  • 在gitee點選自己的頭像,并找到設定按鈕。
Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境
  • 在安全設定中找到私人令牌
Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境
  • 輸入私人令牌描述和gitee密碼
  • 全部完成後,即可生成私人令牌,
Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

NOTE:一定要儲存好令牌,頁面關閉後,将再也找不到本次生成的令牌,若令牌丢失,可以重新生成新的令牌

2.3 PicGo的設定

2.3.1 設定Gitee圖床

在圖床設定中選擇Gitee圖床

Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境
  • owner:寫自己的使用者名即可
  • repo:使用者名/倉庫名稱,比如我自己的倉庫Langyk/image_repository,也可以直接複制倉庫的url
Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

image-20210803233739059

  • 這個是可選項,可以不填寫
  • token:這個就是我們生成的私人令牌,直接複制到裡面
  • message:這個是非必填項,不影響

2.3.2 PicGo設定

  • 設定

    開機啟動

    時間戳重命名

Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

2.3.3 插件設定

在搜尋框中搜尋

gitee

,并安裝該插件

NOTE: 這裡注意一下,必須要先安裝

node.js

才能安裝插件,沒裝的自己裝一下,然後重新開機就行。

Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

3、Typora接入圖床

有了前面的工作後,就可以在Typora中接入圖床了

在Typora中的左上角選擇

檔案--->偏好設定--->圖像

按照下圖進行配置

Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

image-20210803234944722

  • 最後點選

    驗證圖檔上傳選項

    檢驗圖床是否接入成功,成功時則會顯示

    驗證成功

Typora+PicGo+Gitee搭建部落格寫作環境Typora+PicGo+Gitee搭建部落格寫作環境

到此,我們的寫作環境就搭建好了。

我是

Simon郎

,一個每天都想博學一點點的小青年,期待你的關注,我們下篇文章見。