Typora[MarkDown編輯器]+(PicGo+Github+JsDelivr)[個人圖牀] ,開啓你的高效創作

使用Typora搭配Picgo開啓你的高效創作

0x00 一切都要從MarkDown說起

富文本語言的弊端

平常我們最常用的寫作工具,無非是富文本編輯器中的代表——微軟家的Office Word。這種編輯器簡單、直觀,操作方便,很受辦公人員的喜歡。但是如果我們是做公衆號的,是要在網上發文章的。那麼它的弊端就出現了。

  • 首先是排版問題;
    我們在本地的word上編輯的好好的,排版的好好的。但是直接粘到網上,發佈文章。打開一看,全亂了。😭我們好要花費時間去排版。這有多痛苦想必有些公衆號運營者深有體會。
  • 其次是,創造效率問題。
    我們使用富文本語言,每寫完一段話,每插入一張圖片,都要考慮它的字號,字體啊,圖片的大小啊,格式。這使我們很難專注起來。

初識MarkDown

一次偶然的機會,我見到了她,並從此喜歡上了她!😍

Markdown是一種輕量級標記語言,創始人爲約翰·格魯伯。它允許人們使用易讀易寫的純文本格式編寫文檔,然後轉換成有效的HTML文檔。這種語言吸收了很多在電子郵件中已有的純文本標記的特性。

引自維基百科

當我們使用 Markdown 編輯器時,只需要專注內容的輸出,無需離開鍵盤即可完成所有操作。這樣效率不知提高了多少個檔次。

而且,MarkDown排版十分方便,它可以讓你的文章脈絡清晰,簡約易讀,富有美感。而且語法簡單到讓你愛不釋手。讓你寫文章離不開Markdown那種。😘

0x01 Typora 一款簡約且有顏值的MarkDown編輯器

一款好的MarkDown編輯器可以說是讓你事半功倍。目前,Markdown編輯器也有很多,包括線上的還有客戶端。但是要麼收費,要麼廣告亂天飛。用的很難受可以這麼說。但是,當我懷着實驗的心思去嘗試Typora時,我發現我又愛了,Typora的界面簡直太奈斯了趴。

Typora是一款簡約有強大的Markdown編輯器,它完全能夠讓絲毫不懂Markdown語法的人也能快速上手。而且,它的諸多特性,做的也不錯,我很喜歡。

image-20200308200926035

0x02 Picgo 打造屬於你自己的圖牀

寫博客最頭疼的就是圖片的問題,特別是像在其他平臺上也能發佈的博文。我們需要分別不同的平臺上上傳圖片。這樣甚是麻煩,枯燥且浪費時間。那麼怎麼解決呢?

圖牀,一個把圖片存在雲端,並生成直鏈的工具。我們在各個平臺中都可引用。這樣我們的文章就可以方便的發佈到不同的平臺了。如果是個人服務器的話。還能有效減輕服務器負載,提升我們博文的響應速度。

那麼問題又來了?

如何找一個穩定,可靠的平臺呢。

因爲,圖牀一掛,我們的博文裏的圖片也相當於全掛了。所以圖牀的選擇至關重要。

早些年,微博圖牀很火,但現在卻不行了,人家已經加了防盜鏈,基本涼涼。

七牛雲的10G免費存儲,一個月試用的臨時域名。但一個月過後,要想繼續使用,需要自己綁域名。所以,喜歡白嫖的我們果斷放棄。

那我們怎麼搭建屬於自己的專有圖牀呢?

這時候我們想到了Github,免費的代碼倉庫。

下面是我的搭建過程,主要利用的PicCo這一款軟件。

準備階段

  1. 一個Github賬號
    用一個郵箱即可註冊,這個就不用教了吧。
  2. 下載PicGo軟件
    GitHub項目地址
    PicGo官方文檔

搭建過程

1.新建倉庫併發布

image-20200308200507083

點擊新建倉庫,接着參照下圖圖示;

image-20200308200715656

然後點擊發行

image-20200308192542154

創建一個新的發行版本

image-20200308201210933

填寫發佈的信息

image-20200308201356910

2.獲取Token

image-20200308201559922

找到Develop Setting

image-20200308201708742

進去之後

image-20200308201950156

接着生成新的token

image-20200308202022468

中間可能需要密碼。下圖畫框的必選

image-20200308202215269

會生成這樣的一個token

image-20200308202313834

因爲只出現一次,所以我們複製下來。

3.配置PicGo

image-20200308202528754

倉庫名格式爲:GitHub用戶名/剛剛見的倉庫的名字

分支名爲默認:master

token:直接粘貼上剛剛複製的token

存儲路徑:隨便寫,記得最後加上\

自定義域名:我們利用jsDelivr – Open Source CDN來引用,以加快訪問速度
所以填成:

https://cdn.jsdelivr.net/gh/GitHub用戶名/剛剛建立的倉庫

配置完之後我們就可以上傳了

image-20200308231902792

圖牀速度測評

我們分別在不同的圖牀,上傳相同的圖片在相同的網絡條件下進行對比。

Github圖牀

測試圖片:圖片鏈接

image-20200308234311716

Gitee圖牀

測試圖片:圖片鏈接

image-20200309000001523

博客園

測試圖片:圖片鏈接

image-20200308233458459

CSDN

測試圖片:圖片鏈接

image-20200308234210731

sm.ms圖牀

測試圖片:圖片鏈接

image-20200308234710028

掘金圖牀

測試圖片:圖片鏈接

image-20200308234951511

氧吧

測試圖片:圖片鏈接

image-20200308235321202

聚合圖牀

測試圖片:圖片鏈接

image-20200308235539749

總結

PicGo+Github+jsDelivr的速度是很不錯的。響應速度CSDN差別不大。而且,GitHub不倒,jsDelivr不倒,那麼我們的圖牀也不倒。所以說,還是十分的穩定。

0x03 Typora 配合PicGo 自動上傳圖片

Typora支持我們直接粘貼圖片到文章中,可以說是要多方便有多方便。而且圖片可以自動備份到指定文件夾下。多了一層保險。在最新版本中,Typora加入了文件上傳功能,我們的圖片可以自動上傳到雲端。並把本地文件的路徑替換成直鏈。這簡直是一步到位啊。

image-20200309001217139

我們設置文件上傳的功能後,可以測試是否成功。

成功之後,我們對粘貼進入文章的圖片可以右鍵,點擊上傳。

image-20200309001716582

上傳後本地路徑即轉化爲了圖片直鏈。

image-20200309001839378

如果害怕麻煩的話,可以寫完之後,一塊上傳。

image-20200309002117688

0x04 總結

至此,我們的高效創作工具,就基本完成了。

寫文檔用Typora,截圖用ShareX;

圖牀用PicGo+Github+JsDelivr;

把Typora和PicGo結合起來,我們只用在Typora上操作了。

這樣,效率提高了幾倍呢?😁

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章