Markdown基础语法及本地图片存储问题解决

Markdown基础语法

标题

(#+空格+标题)一级标题
(##+空格+标题)二级标题
(###+空格+标题)三级标题
(####+空格+标题)四级标题
(#####+空格+标题)五级标题
(######+空格+标题)六级标题

字体

hello word

引用:使用>将文本放在后面

hello word !

字体加粗:使用两个星号**将文本内容包裹

hello word !

字体倾斜:使用一个星号*将文本内容包裹

hello word !

字体倾斜加粗:使用三个星号***将文本内容包裹

~~hello word !~~

删除线:使用两个波浪线~~将字体包裹

分割线

使用---/***回车即可生成分割线

图片引入

1. 直接引入

!+[图片描述]+(图片路径)的形式即可插入图片图片路径可以是本地路径也可以是网络路径

2.标签引入

--第二种添加图片的方法和css中的<img>标签一样可以对图片进行一定的编辑管理

超链接

百度

[连接描述]+(跳转连接)

列表

有序列表

1.文字信息--即可生成有序列表,回车会自动生成下一个,当有序列表为空再次回车取消当前为空的列表

无序列表

-文字信息--声称无序列表,使用规则与有序列表一样

表格

姓名	性别	年龄
王富贵	男	18

|属性1|属性2|属性3|--即可生成表格

代码块

多行代码块

<template>
  <div>article-detail</div>
</template>

<script>
export default {}
</script>

<style></style>

使用三个小键1旁边的`+语言名称--生成多行代码块

单行代码

console.log(‘hello word’)

使用小键1旁边的`将代码包裹

查看源码

解决Markdown图片只能本地存储问题

我们在写Markdown的时候常常需要添加图片但是图片的位置是本地图片,当借阅于他人或是改变图片位置时就会破坏Markdown的文件,那要怎么解决呢?

在基础语法中我们提到过图片地址可以是本地地址也可以是网路图片地址,根据这,我们就有了解决的办法,就是将我们需要上传的图片改成网路图片,然后使用网路地址就可以解决了.接下来我们这样做: