一开始我只是去github看代码的，当时也不知道github还能建网站😂。看到教学视频里简单介绍了直接在github仓库里面搭建网站，但是我觉得那样的网站没有灵魂，就在网上找到了比较容易上手的Gridea。Gridea需要使用Markdown语言来编写，只好去B站学习Markdown。正好这也是个博客，我就介绍一下Markdown在Gridea中简单的使用方法吧！如果有错的地方告诉我就行了，不要怼我🙏。

1、标题的写法

  第一种方法用#加上标题名称的方法来表示标题，几级标题就加几个#号，但是在Gridea预览的时候发现不行，有图为证。

  Gridea支持的就是第二中方法用=和-表示两级标题，一级标题在文字下方打等号，二级标题打减号，而且段落之间需要空一行，否则会默认==或者--前面的文字都是标题。

我展示的是一级标题

============
我展示的是二级标题

--------------------

2、粗体、斜体、粗斜体

  文字两边各有一个*就是斜体，两个**是加粗，三个***是粗斜体，而且取*最少的数为准。比如左边一个*,右边两个**是斜体，斜体*。斜体的快捷键是CTRL+I,加粗是CTRL+B,

3、#*>等符号的显示

  使用编程语言中转移字符 \ ，大家盲猜都能猜出来😂。

4、Gridea的辅助功能

  在Gridea右侧，点几下鼠标就可以看到右侧有6个辅助功能，通过这几个我们可以看到文章的字数，阅读所需的时间，表情、图片、摘要分隔符的插入，文章设置和预览。另外点击鼠标右键会出现更多的辅助功能，这些功能会文中陆续都要提到。

5、插入图片、网址

  使用，就可以将网络上的图片直接链接过来，建议使用火狐或者谷歌浏览器，要不然粘贴不了图片地址的。插入本地图片，直接就用右侧辅助功能里的插入图片就行了。插入网址的话，方法跟插入图片一样，只要把感叹号去掉就行。比较奇怪的就是B站网址在微信中打开会被拦截。

6、代码块、删除线、列表

  代码块标注的话使用Gridea自带的Toggle code span,右击鼠标或者快捷方式CTRL+`。 删除线可以在前后各加上两个~~就可以~~,也可以用Toggle strikethrough或者快捷键CTRL+S。有序列表直接加数字就行，无序列表使用-加文字，也可以直接用CTRL+L。

7、表格

  Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。
语法格式如下：
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
  结果如下表：

  对齐方式
  我们可以设置表格的对齐方式：
  -: 设置内容和标题栏居右对齐。
  :- 设置内容和标题栏居左对齐。
  :-: 设置内容和标题栏居中对齐。

8、Markdown 区块

  > 区块引用
  > 我是菜鸟
  > 走向未来
  结果如下：

区块引用
我是菜鸟
走向未来

  还可以嵌套：
  另外区块是可以嵌套的，一个 > 符号是最外层，两个 > 符号是第一层嵌套，以此类推：
  > 最外层
  > > 第一层嵌套
  > > > 第二层嵌套
  结果如下：

最外层

第一层嵌套

第二层嵌套

  区块中可以使用列表，列表也可以使用区块，但是要在列表项目内放进区块，那么就需要在 > 前添加四个空格的缩进。

9、公式、流程图

  插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现,快捷键是CTRL+SHIFT+M,这里我们借鉴网上已有的公式：
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\ \end{vmatrix} ${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}

  但是显示不出结果，可能不支持也可能语法不对，流程图也存在同样的问题。

总结

  目前Gridea比较小众的，功能也还在完善当中，官网上主要是介绍前期网站的搭建，对于如何使用Gridea建设网站描述的较少，所以希望我的文章对纯小白有所帮助。文章存在一个问题，为什么我从网上粘贴的图像地址那么长？是因为没有用谷歌么？