而markdown偏程式設計師風格,適合程式設計師寫博客、貼代碼,很多博客網站的默認編輯器都是markdown格式的。
所以今天給大家介紹一款支持markdown語法的編輯器。如果想先了解一下markdown語法的同學可以先看一下這一篇文章《
作為一個程式設計師,別說你沒寫過文檔,文檔編輯神器了解一下
》。事情是這樣的,我之前寫博客的時候用的是markdown iPad 這個編輯器,左邊語法右邊預覽如下圖:
很多人都和我說markdown iPad左邊語法右邊預覽這個太占螢幕空間了,體驗不好,但是這個軟體自帶圖床,可以直接把圖片上傳到他們的雲上去,不用另外找圖床了。
我想偷一下懶,所以就一直用,可是前段時間我突然發現我個人博客網站上的圖片全都失效了,3年多時間寫的博客,圖片全部失效,氣的我差點爆炸。
果然把圖片上傳到別人的圖床上不靠譜,於是終於下定決心要搭建自己的圖床,並換一個markdown編輯。
所以今天給大家介紹一款新的markdown編輯器typora和圖床的搭建過程。
Typora
優點
-
簡潔美觀
-
實時預覽所,見即所得
-
擴展語法
-
跨平台
-
免費
如下圖:
寫完語法之後立刻就能看到排版的效果,美觀整潔。
Typora下載地址:https://www.typora.io/
PicGo和github搭建免費圖床
之前用過微博圖床,後來不知道是什麼原因掛掉了,後來用了markdown ipad自帶的圖床,結果又掛掉了,真的是有點坎坷。
最終決定還是自己在github上建一個圖床專門存放博客圖片。
用到的工具:PicGo
PicGo是一款簡易的圖床上傳工具,可以通過拖拽或者複製粘貼的方式將圖片上傳到圖床。
下載地址:
https://github.com/Molunerfinn/PicGo/releases
新建github圖片庫
很多人只知道github可以用來備份代碼,但其實github倉庫有很多用處,這裡我們建一個專門用來存放圖片的庫,如下圖:
然後安裝前面已經下載好的PicGo,打開後的介面如下所示:
點擊左邊的圖床設置->github圖床,將我們之前建的github圖片庫與PicGo綁定,如下圖:
只需要填寫標「*」的三個部分,Token可以理解為可以標誌你github帳號地址的一個字符串,因為要把圖片上傳到你的帳號對應的倉庫中,所以要先定位你的帳號,獲取Token的方法如下,依次點擊如下按鈕:
github頭像->Settings->Developer settings->Personnal access tokens->Generate new token
下圖中紅框中的字符串就是你的token。
把這個字符串複製到PicGo的配置中,然後就可以直接將圖片複製粘貼,或者拖拽上傳到自己的github圖床了。
上傳完之後PicGo會自動將連結保存到粘貼板,然後只需要一個粘貼操作就可以把圖片插入到你的文檔博客中了。如下圖: