如何为md文档插入gitlab仓库图片

如标题所言,本人在写项目使用帮助文档时,在需要的地方插入一张图片,让需要的人看的更直观点,因为我也是第一次往里面插入图片,所以有点茫然,哈哈。好在搜索引擎是个好东西,早有踩过坑的已分享出来,所以我也特别整理一下做个笔记。

1.在gitlab创建一个仓库专门用来存放图片的image仓库

2.然后,在里面放一张png格式的图片,可以线上上传,或者自己本地push到远程image仓库

3.接着,点击到已上传好的线上图片所在网址,如下:

如何为md文档插入gitlab仓库图片

复制图片地址

4.在README.md中填入:

![Image text](https://192.168.17.228/wj/vue-frame/blob/master/image/mulu.png)

保存即可。

注意:插入图片的网址和gitlab线上的网址不一致,注意转换,即将

“blob/master”转为“raw/master

还有一点要注意的是:![Image text]这个标识不可缺少,不然就显示文字了。

Image text:指的是如果图片不存在了,要显示的文字说明。

最后,这是我在公司的gitlab上使用的方法,如果是GitHub可能不需要转换网址,有待验证。

最后附上效果图:

如何为md文档插入gitlab仓库图片

未经允许不得转载:码云笔记 » 如何为md文档插入gitlab仓库图片
喜欢(3) 打赏

评论抢沙发

评论前必须登录!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏