Markdown學習指南及圖牀問題

爲何學習Markdown

---

我最開始知道markdown是在學習前端的時候，那時候但願本身天天學習的東西能夠整理成文，方便之後複習，而markdown是屬於開發人員經常使用寫做語言，其採用標記語言的形式，在寫做的時候很是方便，不用觸碰鼠標就能夠實現很是賞心悅目的排版，這種沉浸式的寫做體驗是比較好的，可是因爲本身一直未習慣這種寫做方式，並且上傳圖片也是一個比較麻煩的事，所以瞭解了markdown的大概使用方式就不了了之了，後來都是用的博客自帶的編輯器，寫完了內容再調整標題風格文章格式等等，這種方式我一直持續了好久。

在後面個人使用，又開始以爲必須得使用markdown了，由於不一樣博客之間的富文本編輯器的格式問題，使得假如一篇文章要在多個平臺發佈的話，這就得每一個都單獨設置，這太繁瑣了，是不可以接受的。

因而才真正體現出markdown的優點，格式轉換方便，輕鬆轉成html文件，每一篇文章均可以看作一個網頁，同時標記的語法有着極好的可讀性。

所以我又決定開始使用markdown，如今絕大多數的寫做軟件或平臺均可以使用markdown進行寫做，我如今所用到的有

• 印象筆記
• CSDN
• 博客園
• 我的博客
• 簡書

太多了這裏不一一列舉了，不管如何，插入圖片是寫做後續流程與否的關鍵，圖片的插入需求主要有兩個：

1. 任何平臺都要識別，不會丟失，意味着其最好的途徑就是上傳至網絡，雲存儲後給出URL連接便能實現。
2. 方便且便宜，最好是免費的，目前你們採用的最多的是七牛雲和github。

基本語法概述

---

遇到須要解決的技術問題必須一一進行分解方纔有可能解決，咱們先熟悉一下markdown的基本語法再去解決圖片問題。

經常使用的有以下幾個語法：

一、標題

# 這是一級標題
## 這是二級標題
### 這是三級標題
#### 這是四級標題
##### 這是五級標題
###### 這是六級標題

二、字體

**我是加粗的文字**
*我是傾斜的文字*`
***我是斜體加粗的文字***
~~我是加刪除線的文字~~

三、引用和分割線

>這是引用的內容
>>這是引用的內容
>>>>>>>>>>這是引用的內容

下面的全是分割線
---
----
***
*****

四、圖片和超連接

圖片

![圖片alt](圖片地址 ''圖片title'')
注：
一、圖片alt就是顯示在圖片下面的文字，至關於對圖片內容的解釋。
二、圖片title是圖片的標題，當鼠標移到圖片上時顯示的內容。title可加可不加

超連接

[超連接名](超連接地址 "超連接title")

五、有序和無序列表

無序

- 列表內容
+ 列表內容
* 列表內容

有序

1.列表內容
2.列表內容
3.列表內容

注：注意後面的空格

此外還有不少，用到了自行百度查詢便可，可參考Markdown基本語法。

markdown圖片插入問題

---

如今咱們來討論圖片上傳問題。

第一種：七牛雲+PicGo

七牛雲免費歸免費，最爲蛋疼的是他的測試域名只能持續30天，你本身必須買一個域名並進行備案才能半永久性的使用其來連接圖片，不然最後圖片均會失效，並致使沒法查看下載，雖然也有解決辦法可是過於繁瑣。具體實現方法請參考如何用七牛和picGo設置免費圖牀

在七牛雲中上傳的圖片以下

七牛雲的上傳平臺只能一張一張地上傳，經過七牛雲帳戶綁定到PicGo，即可以批量上傳，在PicGo的相冊界面也能看到上傳的圖片。同時也能夠經過設置快鍵鍵快速上傳截圖的圖片。

第二種：github+PicGo

另外一外一種免費解決方案是採用PicGo+GitHub圖牀，該方案的好處是免費且方便，具體實現流程可參考PicGo+GitHub圖牀，讓Markdown飛
上傳結果如圖所示

最後只須要在markdown中引入圖片的連接就能夠了。

markdown設置插入圖片的大小

---

一般插入markdown的圖爲上傳的圖的原始尺寸，所以首先上傳的時候爲了節省空間須要壓縮圖片，該處理方式也能得到連接文件的快速加載，這裏說的設置圖片的大小主要是考慮圖片的排版問題，適當調節插入圖片的大小更有利於閱讀。
因爲不一樣的編輯器存在不一樣設置方法，這裏介紹結合html語法來實現尺寸調節。

<img src="圖片連接地址" width="500" hegiht="500 align=center />
//高度和寬度都可自定義，靠左靠右或居中也可設置。

結語

---

markdown進行寫做剛開始可能很是不習慣，畢竟你們都用了word等那麼長時間，已經造成了一種定性思惟，因此剛開始寫得時候以爲煩瑣，不過堅持用，堅持寫一段時間應該會喜歡上他的，我我的就是這樣的。