markdown文件语法总结

HD0do(迪答数据)

已于 2023-02-16 09:57:19 修改

阅读量275

点赞数

文章标签： javascript html css Powered by 金山文档

于 2023-02-16 09:45:41 首次发布

本文链接：https://blog.csdn.net/HD0do/article/details/129055013

版权

本文介绍了如何在Markdown文件中引用GitHub仓库中的图片，包括设置图片的宽高、使图片居中以及实现图片并列的方法。读者可以通过上传图片到GitHub并获取URL，然后使用特定的Markdown语法来实现各种布局效果。

摘要由CSDN通过智能技术生成

markdown图片语法上自述文件引用图片的写法为：

图片引用

首先上传图片至自己的github仓库，或者其他可以访问的地址，并获取其网址，如：

https://github.com/HD0do/Finance-Books/blob/main/resource/image/snipaste_20230215_211726.jpg

则在readme文件中引用图片的格式为：

<img src="https://github.com/HD0do/Finance-Books/blob/main/resource/image/snipaste_20230215_211726.jpg" width = "300" height = "300"  />

其中src指代github上的图片位置，width和height用来设置图片的宽高。

图片居中

在外层套上<div align=center>和</div>

<div align=center>
<img src="https://github.com/HD0do/Finance-Books/blob/main/resource/image/snipaste_20230215_211726.jpg" width = "300" height = "300"  />
</div>

图片并列

中间不空行得写即可实现图片并列

<div align=center>
<img src="https://github.com/HD0do/Finance-Books/blob/main/resource/image/snipaste_20230215_211726.jpg" width = "300" height = "300"  />
<img src="https://github.com/HD0do/Finance-Books/blob/main/resource/image/snipaste_20230215_214153.png"  width = "300" height = "300"/>
</div>

图书&资源获取：传送门