如何为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 仓库图片

「点点赞赏,手留余香」

2

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 如何为md文档插入gitlab仓库图片

发表回复