markdown语言简单教程 & gitee图床教程

使用markdown语言来写笔记 & gitee图床教程

最近心血来潮，想开始写写博客，记录下自己看了的各种教程，之前一直在使用有道云笔记，但是有道云笔记不方便分享。

markdown语言的简单教程

教程网上很多，这里是把自己常用的写下来方便自己查询，备忘

标题部分

# 标题H1         一级标题
## 标题H2        二级标题
### 标题H3       三级标题
#### 标题H4      四级标题
##### 标题H5     五级标题
###### 标题H5    六级标题

字符效果

*斜体表示*      _斜体文本_
**粗体表示**    __粗体文本__
***粗斜体***    ___粗斜体文本___
<u>带下划线文本</u>

引用 & 区块

> 引用部分

区块中使用列表实例如下：

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> - 第一项
> - 第二项
> - 第三项

超链接

[普通链接](https://www.mdeditor.com/)
[普通链接带标题](https://www.mdeditor.com/ "普通链接带标题")
直接链接：<https://www.mdeditor.com>

Markdown 列表

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记：
- 第一项
- 第二项
- 第三项

有序列表使用数字并加上 . 号来表示，如：
1. 第一项
2. 第二项
3. 第三项

列表嵌套只需在子列表中的选项添加四个空格即可：
1. 第一项：
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
    

多语言代码高亮 Codes

行内代码 Inline code

执行命令：`npm install marked` (tab键上面的小键)

代码块

图片 Images

单独插入一张图片

![markdown](http://markbob123.gitee.io/pic-store/screenshot/20200224123442.png)

插入图片带链接

[![](https://www.mdeditor.com/images/logos/markdown.png)](https://www.mdeditor.com/images/logos/markdown.png "markdown")

图床

上面例程使用的图片都是本地的，这样有一个问题就是对外发布的时候别人无法访问图片，所以我们需要一个图床。这里使用gitee也就是码云来搭建图床的环境。

gitee新建仓库

设置仓库

- 设置仓库名称，随便写
- 设置仓库介绍，随便写
- 勾选使用Readme文件初始化这个仓库
- 点击创建，就可以创建一个新仓库

克隆仓库并增加图片

把仓库的内容克隆下来，然后增加一些图片再上传上去

开启gitee page服务

- 点击服务
- 选择Gitee Pages

点击部署/更新就可以开启了

- 点击部署/更新之后就可以了
- 上面的链接就是你的图床的地址
- 后面每次上传新图片的时候都需要更新一下部署
- 你的图片的链接地址就是图床地址加上文件位置，
- 例如下面这个网址，前面就是我的图床地址http://markbob123.gitee.io/pic-store，后面就是图片文件的位置\screenshot\20200224125553.png。两个加起来就是图片的外链地址。

http://markbob123.gitee.io/pic-store\screenshot\20200224125553.png

图床使用的小技巧

我们写博客的时候可以先使用本地图片地址，方便查看效果，写作完成了之后再使用替换功能，把所有本地的图片的地址前面部分替换成我们的图床地址。

把所有的 
D:/giteepage/pic-store 
替换成
http://markbob123.gitee.io/pic-store
然后把本地的图片使用git上传到仓库，上传完成后更新部署，然后就可以发布我们的博客了