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等那么长时间，已经造成了一种定性思惟，因此刚开始写得时候以为烦琐，不过坚持用，坚持写一段时间应该会喜欢上他的，我我的就是这样的。