MarkDown插入图片

使用github的人对README.md文件想必不会陌生,这是一个MarkDown格式的文件,今天讲一下怎么插入图片。

算了,还是先写一下简单的语法吧。

1. 标题级别

# 一级标题

## 二级标题

### 三级标题

。。。

以此类推

 

2. 空行

两个空格就代表了空行

还可以用<br/>表示换行

 

3. Tab键

&emsp;

 

4. 插入图片

方法一:

![picture](图片链接)

![strawberry](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1592222673406&di=d90f09df95ba8f7b15aa34ad587eace6&imgtype=0&src=http%3A%2F%2Fa2.att.hudong.com%2F36%2F48%2F19300001357258133412489354717.jpg)

插入github上面的图片:

那我们一般写的程序都是上传到github上的,我们如何获取到github上图片的链接地址呢。先在github上进入图片所在的目录,点击图片,会跳转到图片页面,在右侧有一个download按钮,点击它,然后就可以看到图片在网页上打开了,复制地址栏的地址,就是图片的网络地址了。可以看到markdown现在可以正常显示图片了。

 方法二:

<img alt="boot up" src="./pic/1.png" width="200" height="200">
此方法可以指定图片的宽高

5. 折叠文本

<details>  
<summary>展开文本</summary>
此处空一行
文本内容。。。。。
</details>

6. 设置字体颜色

<font color=#8FBC8F>文字 </font>

 

7. 设置字体大小

<font face="微软雅黑" size="6">文字</font>

 

8. 代码块显示

显示代码块,可以写python,java,C++等等,下列示例是python代码块。

~~~python

代码块

~~~

 

9. 代码块显示行数

~~~python{.line-numbers}

代码块

~~~

10. 制作表格

|列1标题|列2标题|
| --- | --- |
 
11. VSCode中markdown制作pdf时表示翻页
<div style="page-break-after: always"></div>
 
12. markdown表示一个小标题前面的小圆点
- 小标题

 

 

 


posted @ 2020-06-15 17:24  o云淡风轻o  阅读(648)  评论(0编辑  收藏  举报