Markdown学习之(3)-插入图片
2017-07-11 17:46
411 查看
Markdow插入图片的方法
一.网络图片插入方式
![image](图片网址)
或者采用如下形式:
![image][id] [id]: <图片网址>
插入图片加链接:
图片加链接: [![image](http://path/to/img.jpg "title")](你的链接地址)
图一:带超链接图片,点击打开github
![](http://github.global.ssl.fastly.net/images/modules/logos_page/GitHub-Mark.png)
图二:普通图片
![](http://github.global.ssl.fastly.net/images/modules/logos_page/GitHub-Mark.png)
二.本地图片转为网络图片插入
为了图片方便保存,也为了Markdown发布时不需要改动图片的地址.首先将图片生产网络地址.如下为几种生产图片链接的方法1. GitHub
将markdown需要用的图片放到git仓库中,发布到github上访问github仓库中那张图片,点击Raw按钮
拷贝链接地址,在Markdown中引用图片
这种方式和其他类似的上传到别处网址来获取图片链接的方法差不多,比较麻烦
2. 围脖图床
安装围脖图床浏览器插件, 安装浏览器插件之后,会在浏览器右上角生成一个插件图标,点击这个图标之后,直接拖放图片可以生成图片网址![](http://p1.bqimg.com/567571/3ae4fdf51be77603.png)
3.SM.MS图床
可以直接拖拽图片,生成链接下面的SM.MS界面图就是用这个生成
![](https://ooo.0o0.ooo/2017/03/07/58be8fa244c9f.png)
4.极简图床
![](http://p1.bqimg.com/567571/ca7cf3b1698ca2ee.png)
可以直接拖拽图片,生成链接和markdown语句,直接复制markdown语句更为方便
能查看我上传的历史,方便多次利用图片链接
可作为Chrome浏览器插件
注册可以把公共空间设置为私人空间,和七牛云存储账号绑定,能得到10G的存储空间,还是蛮不错的. 当然听说七牛云图床也很不错,留到以后需要的时候去折腾下
5.七牛云图床
10G空间之后需要付费,留到以后折腾参考文档:
* 在markdown中优雅的插入图片感谢
2017 …… ,卷起裤管跑,撸起袖子干!yanxiangyfg的专栏 : “忠于实践,记录点滴”
相关文章推荐
- Android开发学习笔记(二):Android中插入图片资源
- 使用Markdown编辑器插入图片只显示连接的解决方法
- CTex学习笔记之插入图片篇
- Markdown使用教程(3)-插入图片技巧
- markdown本地图片插入文本
- 180203 Jupyter Notebook and Markdown 插入图片位置并调整比例
- LaTex学习教程——插入图片及图片的引用
- CSDN-markdown语法之怎样插入图片
- markdownPad2插入本地图片
- markdown插入图片的几个办法
- 基于Dreamweaver的网页制作学习2----站点规划及图片的插入
- oa Markdown 插入本地图片
- html5学习(1):插入图片|设置颜色|嵌入搜索|设置字体
- 有道云笔记 markdown 插入本地图片
- Markdown插入图片
- 【IOS学习】CoreText学习笔记(二)设置文字属性和插入图片
- 学习 Latex插入eps图片的方法
- MarkDown插入图片(使用Github图片床)
- Hexo中如何用Markdown插入本地图片
- markdown中插入图片怎么定义图片的大小或比例?