背景

在发布微信公众号，微博的时候，排版是一件非常费时间的问题，并且 markdown 对文字工作者而言，是一个非常好的记笔记的标记性语言。同时在使用 markdown 的时候，会遇到插入图片的问题，如果直接由本地上传，如果改变了文件存储的位置，以后会出现图片加载失败的情况，所以最方便的方式是以链接的方式插入图片，这就是图床的好处。 图床会把本地上传的图片上传到服务器然后给一个链接，这样在写 markdown 笔记时可以直接插入链接，由于图片是保存在服务器上的，就不会出现因为文件存储位置改变而使图片加载失败的情况

基于不掏钱的原则，本文将记录使用 github+picgo 搭建图床。

MDNICE

MDNICE 是一款可以让编辑者本身忽略排版工作的一款应用，支持 chorme 插件，使用非常方便。 并且其内部含有很多可以使用的主题，用户也可以自定义主题，需要拥有一定的 html 和 css 基础。

MDNICE 及 markdown 语法

为了以后使用方便及查阅，本文将 markdown 的语法记录在此。

标题

# 一级标题 ## 二级标题 ### 三级标题

文字格式

** ** 加粗 * * 斜体 *** *** 加粗斜体

无序列表

使用-，注意需要有空格

• 傻狗
• 傻狗他爹

有序列表 使用1. + 列表，注意.跟列表之间要有空格

1. 傻狗
2. 傻狗他爹

引用及多级引用 使用>， >>, >>> 来使用引用。

傻狗总爱发脾气 --- 傻狗他爹

傻狗总爱发脾气 ---傻狗他爹

傻狗总爱发脾气 ---傻狗他爹

不同的引用有不同的格式，根据自己的喜好选择。

分割线 使用---可以画出分割线

---

这是 markdown 语法介绍

---

删除线 使用~~删除的内容~~

傻狗

表格 使用冒号来定义表格的对齐方式

姓名	年龄	工作
小明	18	学生
小王	20	教师

代码块

int main(){
int a; 
auto b;
cout>>a>>endl;
}

插入链接 [](url)

baidu

插入脚注 [](链接或文字 “脚注名称”)

百度^[1]

插入图片 [](url)

容器块 通过:::block-1开头， 以:::block结尾，目前支持三种容器块， block-1,block-2, block-3

分列 对于需要两列展示的内容，可以通过分列的语法实现，可以设置左右比例，不设置时默认各占50%。

::::column
::: column-left. 30%
**左边的内容**
![左边的图片]（https://files.mdnice.com/blue.jpg）
:::

:::column-right 70%
**右边的内容**
![右边的图片]（https://files.mdnice.com/green,jpg）
:::
::::

支持原生的html语法

span和div是html语言的容器，可以使用它们在markdown语法中。

傻狗

插入图片的时候调整对齐位置：

<div align=“center”><img src="相对路径或者url"，width=50%, height=50%,alt="concrete crush", title="concrete crush at vertical displacement"/></div>

以上基本就是markdown的基本语法，虽然比较简单，但是也需要经常使用才能熟记于心，另外markdown还有一些高级操作，比如画甘特图， IUML图， 流程图等，以后会在进行补充。

Github 作为图床

使用github作为图床可以免费使用。

首先需要在github建立一个自己的公众号，然后新建一个repository，注意一定要使repo公开。

然后在settings下找到developer setting,生成一个token， 具体操作如下图：

将生成的token复制下来，将在配置PicGo的时候使用

PicGo

PicGo的主界面如下图所示：

将github做为默认的图床

将自己在github上存储图片的仓库名写入设定仓库名中，分支名为master或者main， 将生成的token复制到设定token里面， 这样只需将图片加载到上传区， 图片会自动保存到github上面，非常方便!

参考资料

[1]

百度网址: https://www.baidu.com