您的位置:首页 > 其它

Markdown学习之(3)-插入图片

2017-07-11 17:46 411 查看

Markdow插入图片的方法

一.网络图片插入方式

![image](图片网址)


或者采用如下形式:

![image][id]
[id]: <图片网址>


插入图片加链接:

图片加链接:
[![image](http://path/to/img.jpg "title")](你的链接地址)


图一:带超链接图片,点击打开github





图二:普通图片



二.本地图片转为网络图片插入

为了图片方便保存,也为了Markdown发布时不需要改动图片的地址.首先将图片生产网络地址.如下为几种生产图片链接的方法

1. GitHub

将markdown需要用的图片放到git仓库中,发布到github上

访问github仓库中那张图片,点击Raw按钮

拷贝链接地址,在Markdown中引用图片

这种方式和其他类似的上传到别处网址来获取图片链接的方法差不多,比较麻烦

2. 围脖图床

安装围脖图床浏览器插件, 安装浏览器插件之后,会在浏览器右上角生成一个插件图标,点击这个图标之后,直接拖放图片可以生成图片网址



3.SM.MS图床

可以直接拖拽图片,生成链接

下面的SM.MS界面图就是用这个生成



4.极简图床



可以直接拖拽图片,生成链接和markdown语句,直接复制markdown语句更为方便

能查看我上传的历史,方便多次利用图片链接

可作为Chrome浏览器插件

注册可以把公共空间设置为私人空间,和七牛云存储账号绑定,能得到10G的存储空间,还是蛮不错的. 当然听说七牛云图床也很不错,留到以后需要的时候去折腾下

5.七牛云图床

10G空间之后需要付费,留到以后折腾

参考文档:

* 在markdown中优雅的插入图片

  

感谢

2017 …… ,卷起裤管跑,撸起袖子干!

yanxiangyfg的专栏 : “忠于实践,记录点滴”
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息